@contractspec/lib.ui-kit-web 1.56.1 → 1.58.0

package/dist/browser/ui/confirm-dialog.js

@@ -0,0 +1,226 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// 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";
+import { jsxDEV } from "react/jsx-dev-runtime";
+var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-hidden focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+  variants: {
+    variant: {
+      default: "bg-primary text-primary-foreground hover:bg-primary/90",
+      destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+      outline: "border bg-background shadow-2xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+      secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+      ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+      link: "text-primary underline-offset-4 hover:underline"
+    },
+    size: {
+      default: "h-9 px-4 py-2 has-[>svg]:px-3",
+      sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+      lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+      icon: "size-9"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+var Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+  if (asChild) {
+    return /* @__PURE__ */ jsxDEV(Slot, {
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV("button", {
+    ref,
+    "data-slot": "button",
+    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";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+"use client";
+function AlertDialog({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(AlertDialogPrimitive.Root, {
+    "data-slot": "alert-dialog",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function AlertDialogTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(AlertDialogPrimitive.Trigger, {
+    "data-slot": "alert-dialog-trigger",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function AlertDialogPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(AlertDialogPrimitive.Portal, {
+    "data-slot": "alert-dialog-portal",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function AlertDialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(AlertDialogPrimitive.Overlay, {
+    "data-slot": "alert-dialog-overlay",
+    className: cn2("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function AlertDialogContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(AlertDialogPortal, {
+    children: [
+      /* @__PURE__ */ jsxDEV2(AlertDialogOverlay, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV2(AlertDialogPrimitive.Content, {
+        "data-slot": "alert-dialog-content",
+        className: cn2("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", className),
+        ...props
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function AlertDialogHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2("div", {
+    "data-slot": "alert-dialog-header",
+    className: cn2("flex flex-col gap-2 text-center sm:text-left", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function AlertDialogFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2("div", {
+    "data-slot": "alert-dialog-footer",
+    className: cn2("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function AlertDialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(AlertDialogPrimitive.Title, {
+    "data-slot": "alert-dialog-title",
+    className: cn2("text-lg font-semibold", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function AlertDialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(AlertDialogPrimitive.Description, {
+    "data-slot": "alert-dialog-description",
+    className: cn2("text-muted-foreground text-sm", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function AlertDialogAction({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(AlertDialogPrimitive.Action, {
+    className: cn2(buttonVariants(), className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function AlertDialogCancel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(AlertDialogPrimitive.Cancel, {
+    className: cn2(buttonVariants({ variant: "outline" }), className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+// ui/confirm-dialog.tsx
+import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+function ConfirmDialog({
+  open,
+  onOpenChange,
+  title,
+  description,
+  confirmLabel = "Confirmer",
+  cancelLabel = "Annuler",
+  variant = "default",
+  isLoading,
+  onConfirm,
+  trigger
+}) {
+  const handleConfirm = async () => {
+    await onConfirm();
+  };
+  return /* @__PURE__ */ jsxDEV3(AlertDialog, {
+    open,
+    onOpenChange,
+    children: [
+      trigger ? /* @__PURE__ */ jsxDEV3(AlertDialogTrigger, {
+        asChild: true,
+        children: trigger
+      }, undefined, false, undefined, this) : null,
+      /* @__PURE__ */ jsxDEV3(AlertDialogContent, {
+        children: [
+          /* @__PURE__ */ jsxDEV3(AlertDialogHeader, {
+            children: [
+              /* @__PURE__ */ jsxDEV3(AlertDialogTitle, {
+                children: title
+              }, undefined, false, undefined, this),
+              description ? /* @__PURE__ */ jsxDEV3(AlertDialogDescription, {
+                children: description
+              }, undefined, false, undefined, this) : null
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV3(AlertDialogFooter, {
+            children: [
+              /* @__PURE__ */ jsxDEV3(AlertDialogCancel, {
+                disabled: isLoading,
+                children: cancelLabel
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV3(AlertDialogAction, {
+                asChild: true,
+                children: /* @__PURE__ */ jsxDEV3(Button, {
+                  onClick: handleConfirm,
+                  disabled: isLoading,
+                  className: variant === "destructive" ? "bg-destructive text-destructive-foreground hover:bg-destructive/90" : undefined,
+                  children: isLoading ? "..." : confirmLabel
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+export {
+  ConfirmDialog
+};

package/dist/browser/ui/context-menu.js

@@ -0,0 +1,127 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// ui/context-menu.tsx
+import * as React from "react";
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+import { Check, ChevronRight, Circle } from "lucide-react";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+var ContextMenu = ContextMenuPrimitive.Root;
+var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
+var ContextMenuGroup = ContextMenuPrimitive.Group;
+var ContextMenuPortal = ContextMenuPrimitive.Portal;
+var ContextMenuSub = ContextMenuPrimitive.Sub;
+var ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
+var ContextMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.SubTrigger, {
+  ref,
+  className: cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-xs px-2 py-1.5 text-base outline-hidden select-none", inset && "pl-8", className),
+  ...props,
+  children: [
+    children,
+    /* @__PURE__ */ jsxDEV(ChevronRight, {
+      className: "ml-auto h-4 w-4"
+    }, undefined, false, undefined, this)
+  ]
+}, undefined, true, undefined, this));
+ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
+var ContextMenuSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.SubContent, {
+  ref,
+  className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-32 overflow-hidden rounded-md border p-1 shadow-md", className),
+  ...props
+}, undefined, false, undefined, this));
+ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
+var ContextMenuContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.Portal, {
+  children: /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.Content, {
+    ref,
+    className: cn("bg-popover text-popover-foreground animate-in fade-in-80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-32 overflow-hidden rounded-md border p-1 shadow-md", className),
+    ...props
+  }, undefined, false, undefined, this)
+}, undefined, false, undefined, this));
+ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
+var ContextMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.Item, {
+  ref,
+  className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-xs px-2 py-1.5 text-base outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50", inset && "pl-8", className),
+  ...props
+}, undefined, false, undefined, this));
+ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
+var ContextMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.CheckboxItem, {
+  ref,
+  className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-xs py-1.5 pr-2 pl-8 text-base outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50", className),
+  checked,
+  ...props,
+  children: [
+    /* @__PURE__ */ jsxDEV("span", {
+      className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+      children: /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.ItemIndicator, {
+        children: /* @__PURE__ */ jsxDEV(Check, {
+          className: "h-4 w-4"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this),
+    children
+  ]
+}, undefined, true, undefined, this));
+ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
+var ContextMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.RadioItem, {
+  ref,
+  className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-xs py-1.5 pr-2 pl-8 text-base outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50", className),
+  ...props,
+  children: [
+    /* @__PURE__ */ jsxDEV("span", {
+      className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+      children: /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.ItemIndicator, {
+        children: /* @__PURE__ */ jsxDEV(Circle, {
+          className: "h-2 w-2 fill-current"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this),
+    children
+  ]
+}, undefined, true, undefined, this));
+ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
+var ContextMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.Label, {
+  ref,
+  className: cn("text-foreground px-2 py-1.5 text-base font-semibold", inset && "pl-8", className),
+  ...props
+}, undefined, false, undefined, this));
+ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
+var ContextMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.Separator, {
+  ref,
+  className: cn("bg-border -mx-1 my-1 h-px", className),
+  ...props
+}, undefined, false, undefined, this));
+ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
+var ContextMenuShortcut = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxDEV("span", {
+    className: cn("text-muted-foreground ml-auto text-sm tracking-widest", className),
+    ...props
+  }, undefined, false, undefined, this);
+};
+ContextMenuShortcut.displayName = "ContextMenuShortcut";
+export {
+  ContextMenuTrigger,
+  ContextMenuSubTrigger,
+  ContextMenuSubContent,
+  ContextMenuSub,
+  ContextMenuShortcut,
+  ContextMenuSeparator,
+  ContextMenuRadioItem,
+  ContextMenuRadioGroup,
+  ContextMenuPortal,
+  ContextMenuLabel,
+  ContextMenuItem,
+  ContextMenuGroup,
+  ContextMenuContent,
+  ContextMenuCheckboxItem,
+  ContextMenu
+};

package/dist/browser/ui/cta.js

@@ -0,0 +1,102 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// 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";
+import { jsxDEV } from "react/jsx-dev-runtime";
+var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-hidden focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+  variants: {
+    variant: {
+      default: "bg-primary text-primary-foreground hover:bg-primary/90",
+      destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+      outline: "border bg-background shadow-2xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+      secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+      ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+      link: "text-primary underline-offset-4 hover:underline"
+    },
+    size: {
+      default: "h-9 px-4 py-2 has-[>svg]:px-3",
+      sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+      lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+      icon: "size-9"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+var Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+  if (asChild) {
+    return /* @__PURE__ */ jsxDEV(Slot, {
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV("button", {
+    ref,
+    "data-slot": "button",
+    className: cn(buttonVariants({ variant, size, className })),
+    ...props
+  }, undefined, false, undefined, this);
+});
+Button.displayName = "Button";
+// ui/cta.tsx
+import * as React2 from "react";
+import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+var Cta = React2.forwardRef(({
+  capture,
+  ctaName,
+  className,
+  as = "button",
+  href,
+  onClick,
+  size = "lg",
+  children,
+  ...props
+}, ref) => {
+  const handleClick = (e) => {
+    if (ctaName && capture) {
+      try {
+        capture(ctaName);
+      } catch {}
+    }
+    onClick?.(e);
+  };
+  if (as === "a") {
+    return /* @__PURE__ */ jsxDEV2(Button, {
+      asChild: true,
+      size,
+      className: cn2("min-h-[44px]", className),
+      ...props,
+      children: /* @__PURE__ */ jsxDEV2("a", {
+        href,
+        onClick: handleClick,
+        ref,
+        children
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV2(Button, {
+    size,
+    className: cn2("min-h-[44px]", className),
+    onClick: handleClick,
+    ref,
+    ...props,
+    children
+  }, undefined, false, undefined, this);
+});
+Cta.displayName = "Cta";
+export {
+  Cta
+};