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

package/dist/ui/stack.js

@@ -1,158 +1,153 @@
-import * as React$1 from "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/stack.tsx
-const vStackVariants = cva("flex flex-col", {
-	variants: {
-		gap: {
-			none: "gap-0",
-			xs: "gap-1",
-			sm: "gap-2",
-			md: "gap-3",
-			lg: "gap-4",
-			xl: "gap-6",
-			"2xl": "gap-8"
-		},
-		align: {
-			start: "items-start",
-			center: "items-center",
-			end: "items-end",
-			stretch: "items-stretch"
-		},
-		justify: {
-			start: "justify-start",
-			center: "justify-center",
-			end: "justify-end",
-			between: "justify-between",
-			around: "justify-around",
-			evenly: "justify-evenly"
-		}
-	},
-	defaultVariants: {
-		gap: "md",
-		align: "stretch",
-		justify: "start"
-	}
+// 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";
+var vStackVariants = cva("flex flex-col", {
+  variants: {
+    gap: {
+      none: "gap-0",
+      xs: "gap-1",
+      sm: "gap-2",
+      md: "gap-3",
+      lg: "gap-4",
+      xl: "gap-6",
+      "2xl": "gap-8"
+    },
+    align: {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch"
+    },
+    justify: {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
+    }
+  },
+  defaultVariants: {
+    gap: "md",
+    align: "stretch",
+    justify: "start"
+  }
 });
-const VStack = React$1.forwardRef(({ className, gap, align, justify, as = "div", ...props }, ref) => {
-	return /* @__PURE__ */ jsx(as, {
-		ref,
-		className: cn(vStackVariants({
-			gap,
-			align,
-			justify
-		}), className),
-		...props
-	});
+var VStack = React.forwardRef(({ className, gap, align, justify, as = "div", ...props }, ref) => {
+  const Comp = as;
+  return /* @__PURE__ */ jsxDEV(Comp, {
+    ref,
+    className: cn(vStackVariants({ gap, align, justify }), className),
+    ...props
+  }, undefined, false, undefined, this);
 });
 VStack.displayName = "VStack";
-const hStackVariants = cva("flex flex-row", {
-	variants: {
-		gap: {
-			none: "gap-0",
-			xs: "gap-1",
-			sm: "gap-2",
-			md: "gap-3",
-			lg: "gap-4",
-			xl: "gap-6",
-			"2xl": "gap-8"
-		},
-		align: {
-			start: "items-start",
-			center: "items-center",
-			end: "items-end",
-			stretch: "items-stretch",
-			baseline: "items-baseline"
-		},
-		justify: {
-			start: "justify-start",
-			center: "justify-center",
-			end: "justify-end",
-			between: "justify-between",
-			around: "justify-around",
-			evenly: "justify-evenly"
-		},
-		wrap: {
-			nowrap: "flex-nowrap",
-			wrap: "flex-wrap",
-			wrapReverse: "flex-wrap-reverse"
-		}
-	},
-	defaultVariants: {
-		gap: "md",
-		align: "center",
-		justify: "start",
-		wrap: "wrap"
-	}
+var hStackVariants = cva("flex flex-row", {
+  variants: {
+    gap: {
+      none: "gap-0",
+      xs: "gap-1",
+      sm: "gap-2",
+      md: "gap-3",
+      lg: "gap-4",
+      xl: "gap-6",
+      "2xl": "gap-8"
+    },
+    align: {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch",
+      baseline: "items-baseline"
+    },
+    justify: {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
+    },
+    wrap: {
+      nowrap: "flex-nowrap",
+      wrap: "flex-wrap",
+      wrapReverse: "flex-wrap-reverse"
+    }
+  },
+  defaultVariants: {
+    gap: "md",
+    align: "center",
+    justify: "start",
+    wrap: "wrap"
+  }
 });
-const HStack = React$1.forwardRef(({ className, gap, align, justify, wrap, as = "div", ...props }, ref) => {
-	return /* @__PURE__ */ jsx(as, {
-		ref,
-		className: cn(hStackVariants({
-			gap,
-			align,
-			justify,
-			wrap
-		}), className),
-		...props
-	});
+var HStack = React.forwardRef(({ className, gap, align, justify, wrap, as = "div", ...props }, ref) => {
+  const Comp = as;
+  return /* @__PURE__ */ jsxDEV(Comp, {
+    ref,
+    className: cn(hStackVariants({ gap, align, justify, wrap }), className),
+    ...props
+  }, undefined, false, undefined, this);
 });
 HStack.displayName = "HStack";
-const boxVariants = cva("flex flex-row", {
-	variants: {
-		gap: {
-			none: "gap-0",
-			xs: "gap-1",
-			sm: "gap-2",
-			md: "gap-3",
-			lg: "gap-4",
-			xl: "gap-6",
-			"2xl": "gap-8"
-		},
-		align: {
-			start: "items-start",
-			center: "items-center",
-			end: "items-end",
-			stretch: "items-stretch",
-			baseline: "items-baseline"
-		},
-		justify: {
-			start: "justify-start",
-			center: "justify-center",
-			end: "justify-end",
-			between: "justify-between",
-			around: "justify-around",
-			evenly: "justify-evenly"
-		},
-		wrap: {
-			nowrap: "flex-nowrap",
-			wrap: "flex-wrap",
-			wrapReverse: "flex-wrap-reverse"
-		}
-	},
-	defaultVariants: {
-		gap: "md",
-		align: "center",
-		justify: "center",
-		wrap: "nowrap"
-	}
+var boxVariants = cva("flex flex-row", {
+  variants: {
+    gap: {
+      none: "gap-0",
+      xs: "gap-1",
+      sm: "gap-2",
+      md: "gap-3",
+      lg: "gap-4",
+      xl: "gap-6",
+      "2xl": "gap-8"
+    },
+    align: {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch",
+      baseline: "items-baseline"
+    },
+    justify: {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
+    },
+    wrap: {
+      nowrap: "flex-nowrap",
+      wrap: "flex-wrap",
+      wrapReverse: "flex-wrap-reverse"
+    }
+  },
+  defaultVariants: {
+    gap: "md",
+    align: "center",
+    justify: "center",
+    wrap: "nowrap"
+  }
 });
-const Box = React$1.forwardRef(({ className, gap, align, justify, wrap, as = "div", ...props }, ref) => {
-	return /* @__PURE__ */ jsx(as, {
-		ref,
-		className: cn(boxVariants({
-			gap,
-			align,
-			justify,
-			wrap
-		}), className),
-		...props
-	});
+var Box = React.forwardRef(({ className, gap, align, justify, wrap, as = "div", ...props }, ref) => {
+  const Comp = as;
+  return /* @__PURE__ */ jsxDEV(Comp, {
+    ref,
+    className: cn(boxVariants({ gap, align, justify, wrap }), className),
+    ...props
+  }, undefined, false, undefined, this);
 });
 Box.displayName = "Box";
-
-//#endregion
-export { Box, HStack, VStack, boxVariants, hStackVariants, vStackVariants };
-//# sourceMappingURL=stack.js.map
+export {
+  vStackVariants,
+  hStackVariants,
+  boxVariants,
+  VStack,
+  HStack,
+  Box
+};

package/dist/ui/stat-card-group.d.ts

@@ -1,19 +1,11 @@
-import * as React$1 from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region ui/stat-card-group.d.ts
-interface StatItem {
-  label: React$1.ReactNode;
-  value: React$1.ReactNode;
-  tone?: 'blue' | 'green' | 'amber';
+import * as React from 'react';
+export interface StatItem {
+    label: React.ReactNode;
+    value: React.ReactNode;
+    tone?: 'blue' | 'green' | 'amber';
 }
-declare function StatCardGroup({
-  items,
-  className
-}: {
-  items: StatItem[];
-  className?: string;
-}): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { StatCardGroup, StatItem };
+export declare function StatCardGroup({ items, className, }: {
+    items: StatItem[];
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=stat-card-group.d.ts.map

package/dist/ui/stat-card-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stat-card-group.d.ts","names":[],"sources":["../../ui/stat-card-group.tsx"],"mappings":";;;;UAIiB,QAAA;EACf,KAAA,EAAO,OAAA,CAAM,SAAA;EACb,KAAA,EAAO,OAAA,CAAM,SAAA;EACb,IAAA;AAAA;AAAA,iBAec,aAAA,CAAA;EACd,KAAA;EACA;AAAA;EAEA,KAAA,EAAO,QAAA;EACP,SAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"stat-card-group.d.ts","sourceRoot":"","sources":["../../ui/stat-card-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;CACnC;AAcD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,SAAS,GACV,EAAE;IACD,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAmBA"}

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

@@ -1,38 +1,258 @@
-import { Card, CardContent } from "./card.js";
-import { HStack, VStack } from "./stack.js";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+// @bun
+var __require = import.meta.require;
 
-//#region ui/stat-card-group.tsx
+// ui/card.tsx
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV("div", {
+    "data-slot": "card",
+    className: cn("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-2xs", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function CardHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV("div", {
+    "data-slot": "card-header",
+    className: cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function CardTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV("div", {
+    "data-slot": "card-title",
+    className: cn("leading-none font-semibold", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function CardDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV("div", {
+    "data-slot": "card-description",
+    className: cn("text-muted-foreground text-sm", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function CardAction({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV("div", {
+    "data-slot": "card-action",
+    className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function CardContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV("div", {
+    "data-slot": "card-content",
+    className: cn("px-6", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function CardFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV("div", {
+    "data-slot": "card-footer",
+    className: cn("flex items-center px-6 [.border-t]:pt-6", className),
+    ...props
+  }, 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";
+var vStackVariants = cva("flex flex-col", {
+  variants: {
+    gap: {
+      none: "gap-0",
+      xs: "gap-1",
+      sm: "gap-2",
+      md: "gap-3",
+      lg: "gap-4",
+      xl: "gap-6",
+      "2xl": "gap-8"
+    },
+    align: {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch"
+    },
+    justify: {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
+    }
+  },
+  defaultVariants: {
+    gap: "md",
+    align: "stretch",
+    justify: "start"
+  }
+});
+var VStack = React.forwardRef(({ className, gap, align, justify, as = "div", ...props }, ref) => {
+  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: {
+      none: "gap-0",
+      xs: "gap-1",
+      sm: "gap-2",
+      md: "gap-3",
+      lg: "gap-4",
+      xl: "gap-6",
+      "2xl": "gap-8"
+    },
+    align: {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch",
+      baseline: "items-baseline"
+    },
+    justify: {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
+    },
+    wrap: {
+      nowrap: "flex-nowrap",
+      wrap: "flex-wrap",
+      wrapReverse: "flex-wrap-reverse"
+    }
+  },
+  defaultVariants: {
+    gap: "md",
+    align: "center",
+    justify: "start",
+    wrap: "wrap"
+  }
+});
+var HStack = React.forwardRef(({ className, gap, align, justify, wrap, as = "div", ...props }, ref) => {
+  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: {
+      none: "gap-0",
+      xs: "gap-1",
+      sm: "gap-2",
+      md: "gap-3",
+      lg: "gap-4",
+      xl: "gap-6",
+      "2xl": "gap-8"
+    },
+    align: {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch",
+      baseline: "items-baseline"
+    },
+    justify: {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
+    },
+    wrap: {
+      nowrap: "flex-nowrap",
+      wrap: "flex-wrap",
+      wrapReverse: "flex-wrap-reverse"
+    }
+  },
+  defaultVariants: {
+    gap: "md",
+    align: "center",
+    justify: "center",
+    wrap: "nowrap"
+  }
+});
+var Box = React.forwardRef(({ className, gap, align, justify, wrap, as = "div", ...props }, ref) => {
+  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) {
-	switch (tone) {
-		case "green": return "bg-green-50 text-green-800";
-		case "amber": return "bg-amber-50 text-amber-800";
-		default: return "bg-blue-50 text-blue-800";
-	}
-}
-function StatCardGroup({ items, className }) {
-	return /* @__PURE__ */ jsx(HStack, {
-		className: className + " w-full flex-wrap gap-3",
-		children: items.map((it, idx) => /* @__PURE__ */ jsx(Card, {
-			className: "border-none shadow-2xs",
-			children: /* @__PURE__ */ jsx(CardContent, {
-				className: "px-4 py-3",
-				children: /* @__PURE__ */ jsxs(VStack, {
-					className: "gap-1",
-					children: [/* @__PURE__ */ jsx("div", {
-						className: `w-fit rounded-xs px-2 py-0.5 text-sm ${toneClasses(it.tone)}`,
-						children: it.label
-					}), /* @__PURE__ */ jsx("div", {
-						className: "text-xl font-semibold",
-						children: it.value
-					})]
-				})
-			})
-		}, idx))
-	});
+  switch (tone) {
+    case "green":
+      return "bg-green-50 text-green-800";
+    case "amber":
+      return "bg-amber-50 text-amber-800";
+    case "blue":
+    default:
+      return "bg-blue-50 text-blue-800";
+  }
 }
-
-//#endregion
-export { StatCardGroup };
-//# sourceMappingURL=stat-card-group.js.map
+function StatCardGroup({
+  items,
+  className
+}) {
+  return /* @__PURE__ */ jsxDEV3(HStack, {
+    className: className + " w-full flex-wrap gap-3",
+    children: items.map((it, idx) => /* @__PURE__ */ jsxDEV3(Card, {
+      className: "border-none shadow-2xs",
+      children: /* @__PURE__ */ jsxDEV3(CardContent, {
+        className: "px-4 py-3",
+        children: /* @__PURE__ */ jsxDEV3(VStack, {
+          className: "gap-1",
+          children: [
+            /* @__PURE__ */ jsxDEV3("div", {
+              className: `w-fit rounded-xs px-2 py-0.5 text-sm ${toneClasses(it.tone)}`,
+              children: it.label
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV3("div", {
+              className: "text-xl font-semibold",
+              children: it.value
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this)
+    }, idx, false, undefined, this))
+  }, undefined, false, undefined, this);
+}
+export {
+  StatCardGroup
+};

package/dist/ui/stepper.d.ts

@@ -1,23 +1,13 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types0 from "class-variance-authority/types";
-
-//#region ui/stepper.d.ts
+import { type VariantProps } from 'class-variance-authority';
 declare const dotVariants: (props?: ({
-  state?: "active" | "inactive" | null | undefined;
-  size?: "sm" | "md" | null | undefined;
-} & class_variance_authority_types0.ClassProp) | undefined) => string;
-interface StepperProps extends VariantProps<typeof dotVariants> {
-  current: number;
-  total: number;
-  className?: string;
+    state?: "active" | "inactive" | null | undefined;
+    size?: "sm" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface StepperProps extends VariantProps<typeof dotVariants> {
+    current: number;
+    total: number;
+    className?: string;
 }
-declare function Stepper({
-  current,
-  total,
-  size,
-  className
-}: StepperProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { Stepper, StepperProps };
+export declare function Stepper({ current, total, size, className }: StepperProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=stepper.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"stepper.d.ts","names":[],"sources":["../../ui/stepper.tsx"],"mappings":";;;;;cAKM,WAAA,GAAW,KAAA;;;IAef,+BAAA,CAAA,SAAA;AAAA,UAEe,YAAA,SAAqB,YAAA,QAAoB,WAAA;EACxD,OAAA;EACA,KAAA;EACA,SAAA;AAAA;AAAA,iBAGc,OAAA,CAAA;EAAU,OAAA;EAAS,KAAA;EAAO,IAAA;EAAM;AAAA,GAAa,YAAA,GAAY,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../ui/stepper.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,WAAW;;;8EAef,CAAC;AAEH,MAAM,WAAW,YAAa,SAAQ,YAAY,CAAC,OAAO,WAAW,CAAC;IACpE,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,YAAY,2CAiBxE"}