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

package/dist/browser/ui/sidebar.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";
@@ -218,11 +223,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);
@@ -289,7 +294,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";
@@ -302,9 +307,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.");
   }
@@ -320,10 +325,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);
@@ -332,10 +337,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();
@@ -346,7 +351,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,
@@ -716,7 +721,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/browser/ui/stack.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";
+}
 export {
   vStackVariants,
   hStackVariants,

package/dist/browser/ui/stat-card-group.js

@@ -77,7 +77,6 @@ function CardFooter({
   }, undefined, false, undefined, this);
 }
 // ui/stack.tsx
-import * as React from "react";
 import { cva } from "class-variance-authority";
 import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
 import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
@@ -113,15 +112,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__ */ jsxDEV2(Comp, {
     ref,
     className: cn2(vStackVariants({ gap, align, justify }), className),
     ...props
   }, undefined, false, undefined, this);
-});
-VStack.displayName = "VStack";
+}
 var hStackVariants = cva("flex flex-row", {
   variants: {
     gap: {
@@ -161,15 +167,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__ */ jsxDEV2(Comp, {
     ref,
     className: cn2(hStackVariants({ gap, align, justify, wrap }), className),
     ...props
   }, undefined, false, undefined, this);
-});
-HStack.displayName = "HStack";
+}
 var boxVariants = cva("flex flex-row", {
   variants: {
     gap: {
@@ -209,15 +223,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__ */ jsxDEV2(Comp, {
     ref,
     className: cn2(boxVariants({ gap, align, justify, wrap }), className),
     ...props
   }, undefined, false, undefined, this);
-});
-Box.displayName = "Box";
+}
 // ui/stat-card-group.tsx
 import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
 function toneClasses(tone) {

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

package/dist/browser/ui/time-picker.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/popover.tsx
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
@@ -96,7 +101,7 @@ function PopoverAnchor({
   }, undefined, false, undefined, this);
 }
 // ui/time-picker.tsx
-import * as React2 from "react";
+import * as React from "react";
 import { cn as cn3 } from "@contractspec/lib.ui-kit-core/utils";
 import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
 "use client";
@@ -117,9 +122,9 @@ function TimePicker({
   is24Hour = true,
   className
 }) {
-  const [open, setOpen] = React2.useState(false);
-  const [hours, setHours] = React2.useState(() => value ? String(value.getHours()).padStart(2, "0") : "");
-  const [minutes, setMinutes] = React2.useState(() => value ? String(value.getMinutes()).padStart(2, "0") : "");
+  const [open, setOpen] = React.useState(false);
+  const [hours, setHours] = React.useState(() => value ? String(value.getHours()).padStart(2, "0") : "");
+  const [minutes, setMinutes] = React.useState(() => value ? String(value.getMinutes()).padStart(2, "0") : "");
   const commit = (h, m) => {
     const base = value ?? new Date;
     const next = new Date(base);

package/dist/browser/ui/toast.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,42 +36,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,