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

package/dist/ui/toast.js

@@ -2,7 +2,6 @@
 var __require = import.meta.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";
@@ -10,12 +9,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: {
@@ -27,42 +31,66 @@ 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);
+}
 export {
   ToastViewport,
   ToastTitle,

package/dist/ui/toaster.js

@@ -2,7 +2,6 @@
 var __require = import.meta.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";
@@ -10,12 +9,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: {
@@ -27,44 +31,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;
@@ -163,8 +191,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/ui/usecases/UseCaseCard.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,10 +49,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";
@@ -82,15 +86,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: {
@@ -130,15 +141,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: {
@@ -178,15 +197,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/ui/usecases/UserStoryCard.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/usecases/UserStoryCard.tsx
 import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
 function UserStoryCard({

package/dist/ui/usecases/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,10 +49,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";
@@ -82,15 +86,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: {
@@ -130,15 +141,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: {
@@ -178,15 +197,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/ui/visually-hidden.d.ts

@@ -1,7 +1,9 @@
 import type { JSX } from 'react';
 import * as React from 'react';
-declare const VisuallyHidden: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+type VisuallyHiddenProps = React.HTMLAttributes<HTMLElement> & {
     as?: keyof JSX.IntrinsicElements;
-} & React.RefAttributes<HTMLElement>>;
+    ref?: React.Ref<HTMLElement>;
+};
+declare function VisuallyHidden({ as, style, children, ref, ...props }: VisuallyHiddenProps): import("react/jsx-runtime").JSX.Element;
 export { VisuallyHidden };
 //# sourceMappingURL=visually-hidden.d.ts.map

package/dist/ui/visually-hidden.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"visually-hidden.d.ts","sourceRoot":"","sources":["../../ui/visually-hidden.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,QAAA,MAAM,cAAc;SAfb,MAAM,GAAG,CAAC,iBAAiB;qCAwBjC,CAAC;AAGF,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"visually-hidden.d.ts","sourceRoot":"","sources":["../../ui/visually-hidden.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;IAC7D,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;IACjC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;CAC9B,CAAC;AAcF,iBAAS,cAAc,CAAC,EACtB,EAAW,EACX,KAAK,EACL,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAOrB;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/ui/visually-hidden.js

@@ -2,7 +2,6 @@
 var __require = import.meta.require;
 
 // ui/visually-hidden.tsx
-import * as React from "react";
 import { jsxDEV } from "react/jsx-dev-runtime";
 var srOnlyStyle = {
   border: 0,
@@ -15,7 +14,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,
@@ -23,8 +28,7 @@ var VisuallyHidden = React.forwardRef(({ as = "span", style, children, ...props
     ...props,
     children
   }, undefined, false, undefined, this);
-});
-VisuallyHidden.displayName = "VisuallyHidden";
+}
 export {
   VisuallyHidden
 };