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

package/dist/browser/ui/empty-state.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/empty-state.tsx
 import { cva as cva2 } from "class-variance-authority";
 import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";

package/dist/browser/ui/input-group.js

@@ -7,7 +7,6 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // ui/button.tsx
-import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { cn } from "@contractspec/lib.ui-kit-core/utils";
@@ -34,7 +33,14 @@ var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespa
     size: "default"
   }
 });
-var Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ref,
+  ...props
+}) {
   if (asChild) {
     return /* @__PURE__ */ jsxDEV(Slot, {
       "data-slot": "button",
@@ -48,8 +54,7 @@ var Button = React.forwardRef(({ className, variant, size, asChild = false, ...p
     className: cn(buttonVariants({ variant, size, className })),
     ...props
   }, undefined, false, undefined, this);
-});
-Button.displayName = "Button";
+}
 // ui/input.tsx
 import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
 import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";

package/dist/browser/ui/input-otp.js

@@ -13,20 +13,36 @@ import { Dot } from "lucide-react";
 import { cn } from "@contractspec/lib.ui-kit-core/utils";
 import { jsxDEV } from "react/jsx-dev-runtime";
 "use client";
-var InputOTP = React.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsxDEV(OTPInput, {
+function InputOTP({
+  className,
+  containerClassName,
   ref,
-  containerClassName: cn("flex items-center gap-2 has-disabled:opacity-50", containerClassName),
-  className: cn("disabled:cursor-not-allowed", className),
   ...props
-}, undefined, false, undefined, this));
-InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV("div", {
+}) {
+  return /* @__PURE__ */ jsxDEV(OTPInput, {
+    ref,
+    containerClassName: cn("flex items-center gap-2 has-disabled:opacity-50", containerClassName),
+    className: cn("disabled:cursor-not-allowed", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function InputOTPGroup({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV("div", {
+    ref,
+    className: cn("flex items-center", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function InputOTPSlot({
+  index,
+  className,
   ref,
-  className: cn("flex items-center", className),
   ...props
-}, undefined, false, undefined, this));
-InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React.forwardRef(({ index, className, ...props }, ref) => {
+}) {
   const inputOTPContext = React.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index] || {};
   return /* @__PURE__ */ jsxDEV("div", {
@@ -43,15 +59,18 @@ var InputOTPSlot = React.forwardRef(({ index, className, ...props }, ref) => {
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
-});
-InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxDEV("div", {
+}
+function InputOTPSeparator({
   ref,
-  role: "separator",
-  ...props,
-  children: /* @__PURE__ */ jsxDEV(Dot, {}, undefined, false, undefined, this)
-}, undefined, false, undefined, this));
-InputOTPSeparator.displayName = "InputOTPSeparator";
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV("div", {
+    ref,
+    role: "separator",
+    ...props,
+    children: /* @__PURE__ */ jsxDEV(Dot, {}, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
 export {
   InputOTPSlot,
   InputOTPSeparator,

package/dist/browser/ui/link.js

@@ -7,18 +7,20 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // ui/link.tsx
-import { forwardRef } from "react";
 import { cn } from "@contractspec/lib.ui-kit-core/utils";
 import NextLink from "next/link";
 import { jsxDEV } from "react/jsx-dev-runtime";
-var Link = forwardRef(({ className, ...props }, ref) => {
+function Link({
+  className,
+  ref,
+  ...props
+}) {
   return /* @__PURE__ */ jsxDEV(NextLink, {
     ref,
     className: cn('className="text-primary underline"', className),
     ...props
   }, undefined, false, undefined, this);
-});
-Link.displayName = "Link";
+}
 export {
   Link
 };

package/dist/browser/ui/loading-button.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/text.tsx
 import { Slot as Slot2 } from "@radix-ui/react-slot";
 import { cn as cn3 } from "@contractspec/lib.ui-kit-core/utils";

package/dist/browser/ui/marketing/Hero.js

@@ -7,7 +7,6 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // ui/button.tsx
-import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { cn } from "@contractspec/lib.ui-kit-core/utils";
@@ -34,7 +33,14 @@ var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespa
     size: "default"
   }
 });
-var Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ref,
+  ...props
+}) {
   if (asChild) {
     return /* @__PURE__ */ jsxDEV(Slot, {
       "data-slot": "button",
@@ -48,8 +54,7 @@ var Button = React.forwardRef(({ className, variant, size, asChild = false, ...p
     className: cn(buttonVariants({ variant, size, className })),
     ...props
   }, undefined, false, undefined, this);
-});
-Button.displayName = "Button";
+}
 // ui/utils.ts
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";

package/dist/browser/ui/marketing/PricingTable.js

@@ -7,7 +7,6 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // ui/button.tsx
-import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { cn } from "@contractspec/lib.ui-kit-core/utils";
@@ -34,7 +33,14 @@ var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespa
     size: "default"
   }
 });
-var Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ref,
+  ...props
+}) {
   if (asChild) {
     return /* @__PURE__ */ jsxDEV(Slot, {
       "data-slot": "button",
@@ -48,8 +54,7 @@ var Button = React.forwardRef(({ className, variant, size, asChild = false, ...p
     className: cn(buttonVariants({ variant, size, className })),
     ...props
   }, undefined, false, undefined, this);
-});
-Button.displayName = "Button";
+}
 // ui/utils.ts
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";

package/dist/browser/ui/marketing/index.js

@@ -7,7 +7,6 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // ui/button.tsx
-import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { cn } from "@contractspec/lib.ui-kit-core/utils";
@@ -34,7 +33,14 @@ var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespa
     size: "default"
   }
 });
-var Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ref,
+  ...props
+}) {
   if (asChild) {
     return /* @__PURE__ */ jsxDEV(Slot, {
       "data-slot": "button",
@@ -48,8 +54,7 @@ var Button = React.forwardRef(({ className, variant, size, asChild = false, ...p
     className: cn(buttonVariants({ variant, size, className })),
     ...props
   }, undefined, false, undefined, this);
-});
-Button.displayName = "Button";
+}
 // ui/utils.ts
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";

package/dist/browser/ui/molecules/Autocomplete/index.js

@@ -7,7 +7,6 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // ui/button.tsx
-import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { cn } from "@contractspec/lib.ui-kit-core/utils";
@@ -34,7 +33,14 @@ var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespa
     size: "default"
   }
 });
-var Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ref,
+  ...props
+}) {
   if (asChild) {
     return /* @__PURE__ */ jsxDEV(Slot, {
       "data-slot": "button",
@@ -48,8 +54,7 @@ var Button = React.forwardRef(({ className, variant, size, asChild = false, ...p
     className: cn(buttonVariants({ variant, size, className })),
     ...props
   }, undefined, false, undefined, this);
-});
-Button.displayName = "Button";
+}
 // ui/dialog.tsx
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { XIcon } from "lucide-react";
@@ -453,10 +458,10 @@ function DrawerDescription({
   }, undefined, false, undefined, this);
 }
 // ui/use-media-query.ts
-import * as React2 from "react";
+import * as React from "react";
 function useMediaQuery(query) {
-  const [value, setValue] = React2.useState(false);
-  React2.useEffect(() => {
+  const [value, setValue] = React.useState(false);
+  React.useEffect(() => {
     function onChange(event) {
       setValue(event.matches);
     }
@@ -469,7 +474,7 @@ function useMediaQuery(query) {
 }
 
 // ui/molecules/Autocomplete/index.tsx
-import * as React3 from "react";
+import * as React2 from "react";
 import { jsxDEV as jsxDEV6, Fragment } from "react/jsx-dev-runtime";
 "use client";
 var statuses = [
@@ -491,9 +496,9 @@ var statuses = [
   }
 ];
 function ComboBoxResponsive() {
-  const [open, setOpen] = React3.useState(false);
+  const [open, setOpen] = React2.useState(false);
   const isDesktop = useMediaQuery("(min-width: 768px)");
-  const [selectedStatus, setSelectedStatus] = React3.useState(null);
+  const [selectedStatus, setSelectedStatus] = React2.useState(null);
   if (isDesktop) {
     return /* @__PURE__ */ jsxDEV6(Popover, {
       open,

package/dist/browser/ui/molecules/SearchAndFilter/SearchAndFilter.js

@@ -7,7 +7,6 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // ui/button.tsx
-import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { cn } from "@contractspec/lib.ui-kit-core/utils";
@@ -34,7 +33,14 @@ var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespa
     size: "default"
   }
 });
-var Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ref,
+  ...props
+}) {
   if (asChild) {
     return /* @__PURE__ */ jsxDEV(Slot, {
       "data-slot": "button",
@@ -48,8 +54,7 @@ var Button = React.forwardRef(({ className, variant, size, asChild = false, ...p
     className: cn(buttonVariants({ variant, size, className })),
     ...props
   }, undefined, false, undefined, this);
-});
-Button.displayName = "Button";
+}
 // ui/select.tsx
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";

package/dist/browser/ui/molecules/SearchAndFilter/index.js

@@ -7,7 +7,6 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // ui/button.tsx
-import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { cn } from "@contractspec/lib.ui-kit-core/utils";
@@ -34,7 +33,14 @@ var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespa
     size: "default"
   }
 });
-var Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ref,
+  ...props
+}) {
   if (asChild) {
     return /* @__PURE__ */ jsxDEV(Slot, {
       "data-slot": "button",
@@ -48,8 +54,7 @@ var Button = React.forwardRef(({ className, variant, size, asChild = false, ...p
     className: cn(buttonVariants({ variant, size, className })),
     ...props
   }, undefined, false, undefined, this);
-});
-Button.displayName = "Button";
+}
 // ui/select.tsx
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";

package/dist/browser/ui/organisms/ErrorBoundary/ErrorBoundary.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,9 @@ 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/organisms/ErrorBoundary/ErrorBoundary.tsx
-import React2 from "react";
+import React from "react";
 import { AlertTriangle, RefreshCw, Home } from "lucide-react";
 import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
 "use client";
@@ -138,7 +143,7 @@ var DefaultErrorFallback = ({
   }, undefined, false, undefined, this);
 };
 
-class ErrorBoundary extends React2.Component {
+class ErrorBoundary extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
@@ -181,7 +186,7 @@ class ErrorBoundary extends React2.Component {
   }
 }
 var useErrorHandler = () => {
-  return React2.useCallback((error) => {
+  return React.useCallback((error) => {
     throw error;
   }, []);
 };

package/dist/browser/ui/organisms/ErrorBoundary/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,9 @@ 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/organisms/ErrorBoundary/ErrorBoundary.tsx
-import React2 from "react";
+import React from "react";
 import { AlertTriangle, RefreshCw, Home } from "lucide-react";
 import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
 "use client";
@@ -138,7 +143,7 @@ var DefaultErrorFallback = ({
   }, undefined, false, undefined, this);
 };
 
-class ErrorBoundary extends React2.Component {
+class ErrorBoundary extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
@@ -181,7 +186,7 @@ class ErrorBoundary extends React2.Component {
   }
 }
 var useErrorHandler = () => {
-  return React2.useCallback((error) => {
+  return React.useCallback((error) => {
     throw error;
   }, []);
 };