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

package/dist/browser/ui/toaster.js

@@ -7,7 +7,6 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // ui/toast.tsx
-import * as React from "react";
 import * as ToastPrimitives from "@radix-ui/react-toast";
 import { cva } from "class-variance-authority";
 import { X } from "lucide-react";
@@ -15,12 +14,17 @@ import { cn } from "@contractspec/lib.ui-kit-core/utils";
 import { jsxDEV } from "react/jsx-dev-runtime";
 "use client";
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV(ToastPrimitives.Viewport, {
+function ToastViewport({
+  className,
   ref,
-  className: cn("fixed top-0 z-100 flex max-h-screen w-full flex-col-reverse p-4 sm:top-auto sm:right-0 sm:bottom-0 sm:flex-col md:max-w-[420px]", className),
   ...props
-}, undefined, false, undefined, this));
-ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
+}) {
+  return /* @__PURE__ */ jsxDEV(ToastPrimitives.Viewport, {
+    ref,
+    className: cn("fixed top-0 z-100 flex max-h-screen w-full flex-col-reverse p-4 sm:top-auto sm:right-0 sm:bottom-0 sm:flex-col md:max-w-[420px]", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
 var toastVariants = cva("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-(--radix-toast-swipe-end-x) data-[swipe=move]:translate-x-(--radix-toast-swipe-move-x) data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full sm:data-[state=open]:slide-in-from-bottom-full", {
   variants: {
     variant: {
@@ -32,44 +36,68 @@ var toastVariants = cva("group pointer-events-auto relative flex w-full items-ce
     variant: "default"
   }
 });
-var Toast = React.forwardRef(({ className, variant, ...props }, ref) => {
+function Toast({
+  className,
+  variant,
+  ref,
+  ...props
+}) {
   return /* @__PURE__ */ jsxDEV(ToastPrimitives.Root, {
     ref,
     className: cn(toastVariants({ variant }), className),
     ...props
   }, undefined, false, undefined, this);
-});
-Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV(ToastPrimitives.Action, {
+}
+function ToastAction({
+  className,
   ref,
-  className: cn("ring-offset-background hover:bg-secondary focus:ring-ring group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-base font-medium transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none disabled:opacity-50", className),
   ...props
-}, undefined, false, undefined, this));
-ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV(ToastPrimitives.Close, {
+}) {
+  return /* @__PURE__ */ jsxDEV(ToastPrimitives.Action, {
+    ref,
+    className: cn("ring-offset-background hover:bg-secondary focus:ring-ring group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-base font-medium transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none disabled:opacity-50", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function ToastClose({
+  className,
   ref,
-  className: cn("text-foreground/50 hover:text-foreground absolute top-2 right-2 rounded-md p-1 opacity-0 transition-opacity group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 focus:opacity-100 focus:ring-2 focus:outline-hidden group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600", className),
-  "toast-close": "",
-  ...props,
-  children: /* @__PURE__ */ jsxDEV(X, {
-    className: "h-4 w-4"
-  }, undefined, false, undefined, this)
-}, undefined, false, undefined, this));
-ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV(ToastPrimitives.Title, {
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(ToastPrimitives.Close, {
+    ref,
+    className: cn("text-foreground/50 hover:text-foreground absolute top-2 right-2 rounded-md p-1 opacity-0 transition-opacity group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 focus:opacity-100 focus:ring-2 focus:outline-hidden group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600", className),
+    "toast-close": "",
+    ...props,
+    children: /* @__PURE__ */ jsxDEV(X, {
+      className: "h-4 w-4"
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function ToastTitle({
+  className,
   ref,
-  className: cn("text-base font-semibold", className),
   ...props
-}, undefined, false, undefined, this));
-ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV(ToastPrimitives.Description, {
+}) {
+  return /* @__PURE__ */ jsxDEV(ToastPrimitives.Title, {
+    ref,
+    className: cn("text-base font-semibold", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function ToastDescription({
+  className,
   ref,
-  className: cn("text-base opacity-90", className),
   ...props
-}, undefined, false, undefined, this));
-ToastDescription.displayName = ToastPrimitives.Description.displayName;
+}) {
+  return /* @__PURE__ */ jsxDEV(ToastPrimitives.Description, {
+    ref,
+    className: cn("text-base opacity-90", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
 // ui/use-toast.ts
-import * as React2 from "react";
+import * as React from "react";
 "use client";
 var TOAST_LIMIT = 1;
 var TOAST_REMOVE_DELAY = 1e6;
@@ -168,8 +196,8 @@ function toast({ ...props }) {
   };
 }
 function useToast() {
-  const [state, setState] = React2.useState(memoryState);
-  React2.useEffect(() => {
+  const [state, setState] = React.useState(memoryState);
+  React.useEffect(() => {
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);

package/dist/browser/ui/usecases/UseCaseCard.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,10 +54,8 @@ 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/stack.tsx
-import * as React2 from "react";
 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";
@@ -87,15 +91,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__ */ jsxDEV2(Comp, {
     ref,
     className: cn2(vStackVariants({ gap, align, justify }), className),
     ...props
   }, undefined, false, undefined, this);
-});
-VStack.displayName = "VStack";
+}
 var hStackVariants = cva2("flex flex-row", {
   variants: {
     gap: {
@@ -135,15 +146,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__ */ jsxDEV2(Comp, {
     ref,
     className: cn2(hStackVariants({ gap, align, justify, wrap }), className),
     ...props
   }, undefined, false, undefined, this);
-});
-HStack.displayName = "HStack";
+}
 var boxVariants = cva2("flex flex-row", {
   variants: {
     gap: {
@@ -183,15 +202,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__ */ jsxDEV2(Comp, {
     ref,
     className: cn2(boxVariants({ gap, align, justify, wrap }), className),
     ...props
   }, undefined, false, undefined, this);
-});
-Box.displayName = "Box";
+}
 // ui/usecases/UseCaseCard.tsx
 import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
 function UseCaseCard({

package/dist/browser/ui/usecases/UserStoryCard.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/usecases/UserStoryCard.tsx
 import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
 function UserStoryCard({

package/dist/browser/ui/usecases/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,10 +54,8 @@ 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/stack.tsx
-import * as React2 from "react";
 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";
@@ -87,15 +91,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__ */ jsxDEV2(Comp, {
     ref,
     className: cn2(vStackVariants({ gap, align, justify }), className),
     ...props
   }, undefined, false, undefined, this);
-});
-VStack.displayName = "VStack";
+}
 var hStackVariants = cva2("flex flex-row", {
   variants: {
     gap: {
@@ -135,15 +146,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__ */ jsxDEV2(Comp, {
     ref,
     className: cn2(hStackVariants({ gap, align, justify, wrap }), className),
     ...props
   }, undefined, false, undefined, this);
-});
-HStack.displayName = "HStack";
+}
 var boxVariants = cva2("flex flex-row", {
   variants: {
     gap: {
@@ -183,15 +202,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__ */ jsxDEV2(Comp, {
     ref,
     className: cn2(boxVariants({ gap, align, justify, wrap }), className),
     ...props
   }, undefined, false, undefined, this);
-});
-Box.displayName = "Box";
+}
 // ui/usecases/UseCaseCard.tsx
 import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
 function UseCaseCard({

package/dist/browser/ui/visually-hidden.js

@@ -7,7 +7,6 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // ui/visually-hidden.tsx
-import * as React from "react";
 import { jsxDEV } from "react/jsx-dev-runtime";
 var srOnlyStyle = {
   border: 0,
@@ -20,7 +19,13 @@ var srOnlyStyle = {
   width: "1px",
   whiteSpace: "nowrap"
 };
-var VisuallyHidden = React.forwardRef(({ as = "span", style, children, ...props }, ref) => {
+function VisuallyHidden({
+  as = "span",
+  style,
+  children,
+  ref,
+  ...props
+}) {
   const Comp = as;
   return /* @__PURE__ */ jsxDEV(Comp, {
     ref,
@@ -28,8 +33,7 @@ var VisuallyHidden = React.forwardRef(({ as = "span", style, children, ...props
     ...props,
     children
   }, undefined, false, undefined, this);
-});
-VisuallyHidden.displayName = "VisuallyHidden";
+}
 export {
   VisuallyHidden
 };

package/dist/ui/alert-dialog.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/alert-dialog.tsx
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";

package/dist/ui/atoms/Pagination/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,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";

package/dist/ui/atoms/Pagination/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";

package/dist/ui/atoms/SearchInput/SearchInput.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/input.tsx
 import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
 import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";

package/dist/ui/atoms/SearchInput/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/input.tsx
 import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
 import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";

package/dist/ui/button.d.ts

@@ -6,12 +6,8 @@ declare const buttonVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type ButtonProps = React.ComponentPropsWithoutRef<'button'> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;
+    ref?: React.Ref<HTMLButtonElement>;
 };
-declare const Button: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
-    asChild?: boolean;
-} & React.RefAttributes<HTMLButtonElement>>;
+declare function Button({ className, variant, size, asChild, ref, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
 export { Button, buttonVariants };
 //# sourceMappingURL=button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;8EA4BnB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GAChE,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ,QAAA,MAAM,MAAM;;;;cAHE,OAAO;2CAwBpB,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;8EA4BnB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GAChE,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACpC,CAAC;AAEJ,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAe,EACf,GAAG,EACH,GAAG,KAAK,EACT,EAAE,WAAW,2CAmBb;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}