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

package/dist/ui/alert-dialog.js

@@ -1,85 +1,172 @@
-'use client';
+// @bun
+var __require = import.meta.require;
 
-import { buttonVariants } from "./button.js";
-import "react";
+// 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 { jsx, jsxs } from "react/jsx-runtime";
+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";
-
-//#region ui/alert-dialog.tsx
-function AlertDialog({ ...props }) {
-	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Root, {
-		"data-slot": "alert-dialog",
-		...props
-	});
+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__ */ jsx(AlertDialogPrimitive.Trigger, {
-		"data-slot": "alert-dialog-trigger",
-		...props
-	});
+function AlertDialogTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(AlertDialogPrimitive.Trigger, {
+    "data-slot": "alert-dialog-trigger",
+    ...props
+  }, undefined, false, undefined, this);
 }
-function AlertDialogPortal({ ...props }) {
-	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Portal, {
-		"data-slot": "alert-dialog-portal",
-		...props
-	});
+function AlertDialogPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(AlertDialogPrimitive.Portal, {
+    "data-slot": "alert-dialog-portal",
+    ...props
+  }, undefined, false, undefined, this);
 }
-function AlertDialogOverlay({ className, ...props }) {
-	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Overlay, {
-		"data-slot": "alert-dialog-overlay",
-		className: cn("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
-	});
+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__ */ jsxs(AlertDialogPortal, { children: [/* @__PURE__ */ jsx(AlertDialogOverlay, {}), /* @__PURE__ */ jsx(AlertDialogPrimitive.Content, {
-		"data-slot": "alert-dialog-content",
-		className: cn("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
-	})] });
+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__ */ jsx("div", {
-		"data-slot": "alert-dialog-header",
-		className: cn("flex flex-col gap-2 text-center sm:text-left", className),
-		...props
-	});
+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__ */ jsx("div", {
-		"data-slot": "alert-dialog-footer",
-		className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
-		...props
-	});
+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__ */ jsx(AlertDialogPrimitive.Title, {
-		"data-slot": "alert-dialog-title",
-		className: cn("text-lg font-semibold", className),
-		...props
-	});
+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__ */ jsx(AlertDialogPrimitive.Description, {
-		"data-slot": "alert-dialog-description",
-		className: cn("text-muted-foreground text-sm", className),
-		...props
-	});
+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__ */ jsx(AlertDialogPrimitive.Action, {
-		className: cn(buttonVariants(), className),
-		...props
-	});
+function AlertDialogAction({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(AlertDialogPrimitive.Action, {
+    className: cn2(buttonVariants(), className),
+    ...props
+  }, undefined, false, undefined, this);
 }
-function AlertDialogCancel({ className, ...props }) {
-	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Cancel, {
-		className: cn(buttonVariants({ variant: "outline" }), className),
-		...props
-	});
+function AlertDialogCancel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(AlertDialogPrimitive.Cancel, {
+    className: cn2(buttonVariants({ variant: "outline" }), className),
+    ...props
+  }, undefined, false, undefined, this);
 }
-
-//#endregion
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
-//# sourceMappingURL=alert-dialog.js.map
+export {
+  AlertDialogTrigger,
+  AlertDialogTitle,
+  AlertDialogPortal,
+  AlertDialogOverlay,
+  AlertDialogHeader,
+  AlertDialogFooter,
+  AlertDialogDescription,
+  AlertDialogContent,
+  AlertDialogCancel,
+  AlertDialogAction,
+  AlertDialog
+};

package/dist/ui/alert.d.ts

@@ -1,25 +1,10 @@
-import * as React$1 from "react";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
-import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types0 from "class-variance-authority/types";
-
-//#region ui/alert.d.ts
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
 declare const alertVariants: (props?: ({
-  variant?: "default" | "destructive" | null | undefined;
-} & class_variance_authority_types0.ClassProp) | undefined) => string;
-declare function Alert({
-  className,
-  variant,
-  ...props
-}: React$1.ComponentPropsWithoutRef<'div'> & VariantProps<typeof alertVariants>): react_jsx_runtime14.JSX.Element;
-declare function AlertTitle({
-  className,
-  ...props
-}: React$1.ComponentPropsWithoutRef<'div'>): react_jsx_runtime14.JSX.Element;
-declare function AlertDescription({
-  className,
-  ...props
-}: React$1.ComponentPropsWithoutRef<'div'>): react_jsx_runtime14.JSX.Element;
-//#endregion
-export { Alert, AlertDescription, AlertTitle };
+    variant?: "default" | "destructive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Alert({ className, variant, ...props }: React.ComponentPropsWithoutRef<'div'> & VariantProps<typeof alertVariants>): import("react/jsx-runtime").JSX.Element;
+declare function AlertTitle({ className, ...props }: React.ComponentPropsWithoutRef<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDescription({ className, ...props }: React.ComponentPropsWithoutRef<'div'>): import("react/jsx-runtime").JSX.Element;
+export { Alert, AlertTitle, AlertDescription };
 //# sourceMappingURL=alert.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","names":[],"sources":["../../ui/alert.tsx"],"sourcesContent":[],"mappings":";;;;;;cAKM;;IAcL,+BAAA,CAAA;iBAEQ,KAAA;;;;GAIN,OAAA,CAAM,kCAAkC,oBAAoB,iBAAc,mBAAA,CAAA,GAAA,CAAA;AAxBX,iBAmCzD,UAAA,CAjBR;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAoBE,OAAA,CAAM,wBApBR,CAAA,KAAA,CAAA,CAAA,EAoBuC,mBAAA,CAAA,GAAA,CAAA,OApBvC;iBAiCQ,gBAAA,CA/BK;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkCX,OAAA,CAAM,wBAlCK,CAAA,KAAA,CAAA,CAAA,EAkC0B,mBAAA,CAAA,GAAA,CAAA,OAlC1B"}
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../ui/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,aAAa;;8EAclB,CAAC;AAEF,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,2CAS5E;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,2CAWvC;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,2CAWvC;AAED,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/ui/alert.js

@@ -1,39 +1,55 @@
-import "react";
-import { cn } from "@contractspec/lib.ui-kit-core/utils";
-import { jsx } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
+// @bun
+var __require = import.meta.require;
 
-//#region ui/alert.tsx
-const alertVariants = cva("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", {
-	variants: { variant: {
-		default: "bg-card text-card-foreground",
-		destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"
-	} },
-	defaultVariants: { variant: "default" }
+// ui/alert.tsx
+import { cva } from "class-variance-authority";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+var alertVariants = cva("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", {
+  variants: {
+    variant: {
+      default: "bg-card text-card-foreground",
+      destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
 });
-function Alert({ className, variant, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "alert",
-		role: "alert",
-		className: cn(alertVariants({ variant }), className),
-		...props
-	});
+function Alert({
+  className,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV("div", {
+    "data-slot": "alert",
+    role: "alert",
+    className: cn(alertVariants({ variant }), className),
+    ...props
+  }, undefined, false, undefined, this);
 }
-function AlertTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "alert-title",
-		className: cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className),
-		...props
-	});
+function AlertTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV("div", {
+    "data-slot": "alert-title",
+    className: cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className),
+    ...props
+  }, undefined, false, undefined, this);
 }
-function AlertDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "alert-description",
-		className: cn("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", className),
-		...props
-	});
+function AlertDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV("div", {
+    "data-slot": "alert-description",
+    className: cn("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", className),
+    ...props
+  }, undefined, false, undefined, this);
 }
-
-//#endregion
-export { Alert, AlertDescription, AlertTitle };
-//# sourceMappingURL=alert.js.map
+export {
+  AlertTitle,
+  AlertDescription,
+  Alert
+};

package/dist/ui/aspect-ratio.d.ts

@@ -1,8 +1,4 @@
-import * as react0 from "react";
-import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
-
-//#region ui/aspect-ratio.d.ts
-declare const AspectRatio: react0.ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & react0.RefAttributes<HTMLDivElement>>;
-//#endregion
+import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
+declare const AspectRatio: import("react").ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & import("react").RefAttributes<HTMLDivElement>>;
 export { AspectRatio };
 //# sourceMappingURL=aspect-ratio.d.ts.map

package/dist/ui/aspect-ratio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"aspect-ratio.d.ts","names":[],"sources":["../../ui/aspect-ratio.tsx"],"sourcesContent":[],"mappings":";;;;cAIM,aAAW,MAAA,CAAA,0BAAA,oBAAA,CAAA,mBAAA,MAAA,CAAA,cAAA"}
+{"version":3,"file":"aspect-ratio.d.ts","sourceRoot":"","sources":["../../ui/aspect-ratio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAErE,QAAA,MAAM,WAAW,kIAA4B,CAAC;AAE9C,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/ui/aspect-ratio.js

@@ -1,10 +1,10 @@
-'use client';
+// @bun
+var __require = import.meta.require;
 
+// ui/aspect-ratio.tsx
 import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
-
-//#region ui/aspect-ratio.tsx
-const AspectRatio = AspectRatioPrimitive.Root;
-
-//#endregion
-export { AspectRatio };
-//# sourceMappingURL=aspect-ratio.js.map
+"use client";
+var AspectRatio = AspectRatioPrimitive.Root;
+export {
+  AspectRatio
+};

package/dist/ui/atoms/FilterSelect/FilterSelect.d.ts

@@ -1,8 +1,4 @@
-import { FilterSelectProps } from "./types.js";
-import React from "react";
-
-//#region ui/atoms/FilterSelect/FilterSelect.d.ts
-declare const FilterSelect: React.FC<FilterSelectProps>;
-//#endregion
-export { FilterSelect };
+import React from 'react';
+import type { FilterSelectProps } from './types';
+export declare const FilterSelect: React.FC<FilterSelectProps>;
 //# sourceMappingURL=FilterSelect.d.ts.map

package/dist/ui/atoms/FilterSelect/FilterSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterSelect.d.ts","names":[],"sources":["../../../../ui/atoms/FilterSelect/FilterSelect.tsx"],"sourcesContent":[],"mappings":";;;;cAWa,cAAc,KAAA,CAAM,GAAG"}
+{"version":3,"file":"FilterSelect.d.ts","sourceRoot":"","sources":["../../../../ui/atoms/FilterSelect/FilterSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgDpD,CAAC"}