@contractspec/lib.ui-kit 1.56.1 → 1.58.0

package/dist/ui/marketing/FeatureGrid.js

@@ -1,35 +1,43 @@
-import { cn } from "../utils.js";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region ui/marketing/FeatureGrid.tsx
-function FeatureGrid({ items, columns = 3, className }) {
-	const gridCols = columns === 4 ? "md:grid-cols-4" : columns === 2 ? "md:grid-cols-2" : "md:grid-cols-3";
-	return /* @__PURE__ */ jsx("section", {
-		className: cn("mx-auto max-w-6xl py-12", className),
-		children: /* @__PURE__ */ jsx("div", {
-			className: cn("grid grid-cols-1 gap-6", gridCols),
-			children: items.map((it, idx) => /* @__PURE__ */ jsxs("div", {
-				className: "rounded-lg border p-6",
-				children: [
-					it.icon && /* @__PURE__ */ jsx("div", {
-						className: "text-primary mb-3",
-						children: it.icon
-					}),
-					/* @__PURE__ */ jsx("h3", {
-						className: "text-lg font-semibold",
-						children: it.title
-					}),
-					it.description && /* @__PURE__ */ jsx("p", {
-						className: "text-muted-foreground mt-2 text-base",
-						children: it.description
-					})
-				]
-			}, idx))
-		})
-	});
+// @bun
+// ui/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
 }
 
-//#endregion
-export { FeatureGrid };
-//# sourceMappingURL=FeatureGrid.js.map
+// ui/marketing/FeatureGrid.tsx
+import { jsxDEV } from "react/jsx-dev-runtime";
+function FeatureGrid({
+  items,
+  columns = 3,
+  className
+}) {
+  const gridCols = columns === 4 ? "md:grid-cols-4" : columns === 2 ? "md:grid-cols-2" : "md:grid-cols-3";
+  return /* @__PURE__ */ jsxDEV("section", {
+    className: cn("mx-auto max-w-6xl py-12", className),
+    children: /* @__PURE__ */ jsxDEV("div", {
+      className: cn("grid grid-cols-1 gap-6", gridCols),
+      children: items.map((it, idx) => /* @__PURE__ */ jsxDEV("div", {
+        className: "rounded-lg border p-6",
+        children: [
+          it.icon && /* @__PURE__ */ jsxDEV("div", {
+            className: "text-primary mb-3",
+            children: it.icon
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("h3", {
+            className: "text-lg font-semibold",
+            children: it.title
+          }, undefined, false, undefined, this),
+          it.description && /* @__PURE__ */ jsxDEV("p", {
+            className: "text-muted-foreground mt-2 text-base",
+            children: it.description
+          }, undefined, false, undefined, this)
+        ]
+      }, idx, true, undefined, this))
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+export {
+  FeatureGrid
+};

package/dist/ui/marketing/Hero.d.ts

@@ -1,28 +1,17 @@
-import * as React$1 from "react";
-import * as react_jsx_runtime42 from "react/jsx-runtime";
-
-//#region ui/marketing/Hero.d.ts
-declare function Hero({
-  title,
-  subtitle,
-  primaryCta,
-  secondaryCta,
-  className
-}: {
-  title: React$1.ReactNode;
-  subtitle?: React$1.ReactNode;
-  primaryCta?: {
-    label: string;
-    href?: string;
-    onClick?: () => void;
-  };
-  secondaryCta?: {
-    label: string;
-    href?: string;
-    onClick?: () => void;
-  };
-  className?: string;
-}): react_jsx_runtime42.JSX.Element;
-//#endregion
-export { Hero };
+import * as React from 'react';
+export declare function Hero({ title, subtitle, primaryCta, secondaryCta, className, }: {
+    title: React.ReactNode;
+    subtitle?: React.ReactNode;
+    primaryCta?: {
+        label: string;
+        href?: string;
+        onClick?: () => void;
+    };
+    secondaryCta?: {
+        label: string;
+        href?: string;
+        onClick?: () => void;
+    };
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Hero.d.ts.map

package/dist/ui/marketing/Hero.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Hero.d.ts","names":[],"sources":["../../../ui/marketing/Hero.tsx"],"sourcesContent":[],"mappings":";;;;iBAKgB,IAAA;;;;;;;SAOP,OAAA,CAAM;aACF,OAAA,CAAM;EARH,UAAI,CAAA,EAAA;IAClB,KAAA,EAAA,MAAA;IACA,IAAA,CAAA,EAAA,MAAA;IACA,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EACA,CAAA;EACA,YAAA,CAAA,EAAA;IAEO,KAAM,EAAA,MAAA;IACF,IAAM,CAAA,EAAA,MAAA;IAIlB,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAAA,CAAA;;IAAA,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../../ui/marketing/Hero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,SAAS,GACV,EAAE;IACD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IACpE,YAAY,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAuCA"}

package/dist/ui/marketing/Hero.js

@@ -1,52 +1,147 @@
-import { Button } from "../button.js";
-import { cn } from "../utils.js";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Link } from "expo-router";
-
-//#region ui/marketing/Hero.tsx
-function Hero({ title, subtitle, primaryCta, secondaryCta, className }) {
-	return /* @__PURE__ */ jsxs("section", {
-		className: cn("mx-auto max-w-4xl py-16 text-center", className),
-		children: [
-			/* @__PURE__ */ jsx("h1", {
-				className: "text-4xl font-bold tracking-tight md:text-5xl",
-				children: title
-			}),
-			subtitle && /* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground mt-4 text-lg md:text-xl",
-				children: subtitle
-			}),
-			(primaryCta || secondaryCta) && /* @__PURE__ */ jsxs("div", {
-				className: "mt-8 flex items-center justify-center gap-3",
-				children: [primaryCta && (primaryCta.href ? /* @__PURE__ */ jsx(Button, {
-					size: "lg",
-					children: /* @__PURE__ */ jsx(Link, {
-						href: primaryCta.href,
-						children: primaryCta.label
-					})
-				}) : /* @__PURE__ */ jsx(Button, {
-					size: "lg",
-					onPress: primaryCta.onClick,
-					children: primaryCta.label
-				})), secondaryCta && (secondaryCta.href ? /* @__PURE__ */ jsx(Button, {
-					variant: "outline",
-					size: "lg",
-					children: /* @__PURE__ */ jsx(Link, {
-						href: secondaryCta.href,
-						children: secondaryCta.label
-					})
-				}) : /* @__PURE__ */ jsx(Button, {
-					variant: "outline",
-					size: "lg",
-					onPress: secondaryCta.onClick,
-					children: secondaryCta.label
-				}))]
-			})
-		]
-	});
+// @bun
+// ui/text.tsx
+import * as Slot from "@rn-primitives/slot";
+import * as React from "react";
+import { Text as RNText } from "react-native";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+var TextClassContext = React.createContext(undefined);
+function Text2({
+  className,
+  asChild = false,
+  ...props
+}) {
+  const textClass = React.useContext(TextClassContext);
+  const Component = asChild ? Slot.Text : RNText;
+  return /* @__PURE__ */ jsxDEV(Component, {
+    className: cn("text-foreground web:select-text text-base", textClass, className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+// ui/button.tsx
+import { cva } from "class-variance-authority";
+import { Pressable } from "react-native";
+import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+var buttonVariants = cva("group flex items-center justify-center rounded-md web:ring-offset-background web:transition-colors web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2", {
+  variants: {
+    variant: {
+      default: "bg-primary web:hover:opacity-90 active:opacity-90",
+      destructive: "bg-destructive web:hover:opacity-90 active:opacity-90",
+      outline: "border border-input bg-background web:hover:bg-accent web:hover:text-accent-foreground active:bg-accent",
+      secondary: "bg-secondary web:hover:opacity-80 active:opacity-80",
+      ghost: "web:hover:bg-accent web:hover:text-accent-foreground active:bg-accent",
+      link: "web:underline-offset-4 web:hover:underline web:focus:underline"
+    },
+    size: {
+      default: "h-10 px-4 py-2 native:h-12 native:px-5 native:py-3",
+      sm: "h-9 rounded-md px-3",
+      lg: "h-11 rounded-md px-8 native:h-14",
+      icon: "h-10 w-10"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+var buttonTextVariants = cva("web:whitespace-nowrap text-sm native:text-base font-medium text-foreground web:transition-colors", {
+  variants: {
+    variant: {
+      default: "text-primary-foreground",
+      destructive: "text-destructive-foreground",
+      outline: "group-active:text-accent-foreground",
+      secondary: "text-secondary-foreground group-active:text-secondary-foreground",
+      ghost: "group-active:text-accent-foreground",
+      link: "text-primary group-active:underline"
+    },
+    size: {
+      default: "",
+      sm: "",
+      lg: "native:text-lg",
+      icon: ""
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+function Button({ ref, className, variant, size, ...props }) {
+  return /* @__PURE__ */ jsxDEV2(TextClassContext.Provider, {
+    value: buttonTextVariants({
+      variant,
+      size,
+      className: "web:pointer-events-none"
+    }),
+    children: /* @__PURE__ */ jsxDEV2(Pressable, {
+      className: cn2(props.disabled && "web:pointer-events-none opacity-50", buttonVariants({ variant, size, className })),
+      ref,
+      role: "button",
+      ...props
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+// ui/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn3(...inputs) {
+  return twMerge(clsx(inputs));
 }
 
-//#endregion
-export { Hero };
-//# sourceMappingURL=Hero.js.map
+// ui/marketing/Hero.tsx
+import { Link } from "expo-router";
+import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+function Hero({
+  title,
+  subtitle,
+  primaryCta,
+  secondaryCta,
+  className
+}) {
+  return /* @__PURE__ */ jsxDEV3("section", {
+    className: cn3("mx-auto max-w-4xl py-16 text-center", className),
+    children: [
+      /* @__PURE__ */ jsxDEV3("h1", {
+        className: "text-4xl font-bold tracking-tight md:text-5xl",
+        children: title
+      }, undefined, false, undefined, this),
+      subtitle && /* @__PURE__ */ jsxDEV3("p", {
+        className: "text-muted-foreground mt-4 text-lg md:text-xl",
+        children: subtitle
+      }, undefined, false, undefined, this),
+      (primaryCta || secondaryCta) && /* @__PURE__ */ jsxDEV3("div", {
+        className: "mt-8 flex items-center justify-center gap-3",
+        children: [
+          primaryCta && (primaryCta.href ? /* @__PURE__ */ jsxDEV3(Button, {
+            size: "lg",
+            children: /* @__PURE__ */ jsxDEV3(Link, {
+              href: primaryCta.href,
+              children: primaryCta.label
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV3(Button, {
+            size: "lg",
+            onPress: primaryCta.onClick,
+            children: primaryCta.label
+          }, undefined, false, undefined, this)),
+          secondaryCta && (secondaryCta.href ? /* @__PURE__ */ jsxDEV3(Button, {
+            variant: "outline",
+            size: "lg",
+            children: /* @__PURE__ */ jsxDEV3(Link, {
+              href: secondaryCta.href,
+              children: secondaryCta.label
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV3(Button, {
+            variant: "outline",
+            size: "lg",
+            onPress: secondaryCta.onClick,
+            children: secondaryCta.label
+          }, undefined, false, undefined, this))
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+export {
+  Hero
+};

package/dist/ui/marketing/PricingTable.d.ts

@@ -1,25 +1,17 @@
-import * as react_jsx_runtime35 from "react/jsx-runtime";
-
-//#region ui/marketing/PricingTable.d.ts
-interface PricingTier {
-  name: string;
-  price: string;
-  tagline?: string;
-  features: string[];
-  cta?: {
-    label: string;
-    href?: string;
-    onClick?: () => void;
-  };
-  highlighted?: boolean;
+export interface PricingTier {
+    name: string;
+    price: string;
+    tagline?: string;
+    features: string[];
+    cta?: {
+        label: string;
+        href?: string;
+        onClick?: () => void;
+    };
+    highlighted?: boolean;
 }
-declare function PricingTable({
-  tiers,
-  className
-}: {
-  tiers: PricingTier[];
-  className?: string;
-}): react_jsx_runtime35.JSX.Element;
-//#endregion
-export { PricingTable, PricingTier };
+export declare function PricingTable({ tiers, className, }: {
+    tiers: PricingTier[];
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PricingTable.d.ts.map

package/dist/ui/marketing/PricingTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PricingTable.d.ts","names":[],"sources":["../../../ui/marketing/PricingTable.tsx"],"sourcesContent":[],"mappings":";;;UAKiB,WAAA;;;EAAA,OAAA,CAAA,EAAA,MAAW;EASZ,QAAA,EAAA,MAAY,EAAA;EAC1B,GAAA,CAAA,EAAA;IACA,KAAA,EAAA,MAAA;IAEO,IAAA,CAAA,EAAA,MAAA;IAER,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAAA,CAAA;;;iBANe,YAAA;;;;SAIP;;IAER,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"PricingTable.d.ts","sourceRoot":"","sources":["../../../ui/marketing/PricingTable.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,GAAG,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,SAAS,GACV,EAAE;IACD,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAmDA"}

package/dist/ui/marketing/PricingTable.js

@@ -1,60 +1,159 @@
-import { Button } from "../button.js";
-import { cn } from "../utils.js";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Link } from "expo-router";
-
-//#region ui/marketing/PricingTable.tsx
-function PricingTable({ tiers, className }) {
-	return /* @__PURE__ */ jsxs("section", {
-		className: cn("mx-auto max-w-6xl py-12", className),
-		children: [/* @__PURE__ */ jsx("div", {
-			className: "grid grid-cols-1 gap-6 md:grid-cols-3",
-			children: tiers.map((t, idx) => /* @__PURE__ */ jsxs("div", {
-				className: cn("flex flex-col rounded-lg border p-6", t.highlighted && "border-primary shadow-lg"),
-				children: [
-					/* @__PURE__ */ jsx("div", {
-						className: "text-muted-foreground mb-2 text-base font-medium",
-						children: t.name
-					}),
-					/* @__PURE__ */ jsx("div", {
-						className: "text-3xl font-semibold",
-						children: t.price
-					}),
-					t.tagline && /* @__PURE__ */ jsx("div", {
-						className: "text-muted-foreground mt-1 text-base",
-						children: t.tagline
-					}),
-					/* @__PURE__ */ jsx("ul", {
-						className: "mt-4 space-y-2 text-base",
-						children: t.features.map((f, i) => /* @__PURE__ */ jsxs("li", {
-							className: "flex items-start gap-2",
-							children: [/* @__PURE__ */ jsx("span", { className: "bg-primary mt-1 h-1.5 w-1.5 rounded-full" }), /* @__PURE__ */ jsx("span", { children: f })]
-						}, i))
-					}),
-					t.cta && /* @__PURE__ */ jsx("div", {
-						className: "mt-6",
-						children: t.cta.href ? /* @__PURE__ */ jsx(Button, {
-							className: "w-full",
-							children: /* @__PURE__ */ jsx(Link, {
-								href: t.cta.href,
-								children: t.cta.label
-							})
-						}) : /* @__PURE__ */ jsx(Button, {
-							className: "w-full",
-							onPress: t.cta.onClick,
-							children: t.cta.label
-						})
-					})
-				]
-			}, idx))
-		}), /* @__PURE__ */ jsx("p", {
-			className: "text-muted-foreground mt-6 text-center text-base",
-			children: "Usage-based tiers inspired by generous free allowances and per-unit pricing."
-		})]
-	});
+// @bun
+// ui/text.tsx
+import * as Slot from "@rn-primitives/slot";
+import * as React from "react";
+import { Text as RNText } from "react-native";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+var TextClassContext = React.createContext(undefined);
+function Text2({
+  className,
+  asChild = false,
+  ...props
+}) {
+  const textClass = React.useContext(TextClassContext);
+  const Component = asChild ? Slot.Text : RNText;
+  return /* @__PURE__ */ jsxDEV(Component, {
+    className: cn("text-foreground web:select-text text-base", textClass, className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+// ui/button.tsx
+import { cva } from "class-variance-authority";
+import { Pressable } from "react-native";
+import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+var buttonVariants = cva("group flex items-center justify-center rounded-md web:ring-offset-background web:transition-colors web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2", {
+  variants: {
+    variant: {
+      default: "bg-primary web:hover:opacity-90 active:opacity-90",
+      destructive: "bg-destructive web:hover:opacity-90 active:opacity-90",
+      outline: "border border-input bg-background web:hover:bg-accent web:hover:text-accent-foreground active:bg-accent",
+      secondary: "bg-secondary web:hover:opacity-80 active:opacity-80",
+      ghost: "web:hover:bg-accent web:hover:text-accent-foreground active:bg-accent",
+      link: "web:underline-offset-4 web:hover:underline web:focus:underline"
+    },
+    size: {
+      default: "h-10 px-4 py-2 native:h-12 native:px-5 native:py-3",
+      sm: "h-9 rounded-md px-3",
+      lg: "h-11 rounded-md px-8 native:h-14",
+      icon: "h-10 w-10"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+var buttonTextVariants = cva("web:whitespace-nowrap text-sm native:text-base font-medium text-foreground web:transition-colors", {
+  variants: {
+    variant: {
+      default: "text-primary-foreground",
+      destructive: "text-destructive-foreground",
+      outline: "group-active:text-accent-foreground",
+      secondary: "text-secondary-foreground group-active:text-secondary-foreground",
+      ghost: "group-active:text-accent-foreground",
+      link: "text-primary group-active:underline"
+    },
+    size: {
+      default: "",
+      sm: "",
+      lg: "native:text-lg",
+      icon: ""
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+function Button({ ref, className, variant, size, ...props }) {
+  return /* @__PURE__ */ jsxDEV2(TextClassContext.Provider, {
+    value: buttonTextVariants({
+      variant,
+      size,
+      className: "web:pointer-events-none"
+    }),
+    children: /* @__PURE__ */ jsxDEV2(Pressable, {
+      className: cn2(props.disabled && "web:pointer-events-none opacity-50", buttonVariants({ variant, size, className })),
+      ref,
+      role: "button",
+      ...props
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+// ui/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn3(...inputs) {
+  return twMerge(clsx(inputs));
 }
 
-//#endregion
-export { PricingTable };
-//# sourceMappingURL=PricingTable.js.map
+// ui/marketing/PricingTable.tsx
+import { Link } from "expo-router";
+import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+function PricingTable({
+  tiers,
+  className
+}) {
+  return /* @__PURE__ */ jsxDEV3("section", {
+    className: cn3("mx-auto max-w-6xl py-12", className),
+    children: [
+      /* @__PURE__ */ jsxDEV3("div", {
+        className: "grid grid-cols-1 gap-6 md:grid-cols-3",
+        children: tiers.map((t, idx) => /* @__PURE__ */ jsxDEV3("div", {
+          className: cn3("flex flex-col rounded-lg border p-6", t.highlighted && "border-primary shadow-lg"),
+          children: [
+            /* @__PURE__ */ jsxDEV3("div", {
+              className: "text-muted-foreground mb-2 text-base font-medium",
+              children: t.name
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV3("div", {
+              className: "text-3xl font-semibold",
+              children: t.price
+            }, undefined, false, undefined, this),
+            t.tagline && /* @__PURE__ */ jsxDEV3("div", {
+              className: "text-muted-foreground mt-1 text-base",
+              children: t.tagline
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV3("ul", {
+              className: "mt-4 space-y-2 text-base",
+              children: t.features.map((f, i) => /* @__PURE__ */ jsxDEV3("li", {
+                className: "flex items-start gap-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV3("span", {
+                    className: "bg-primary mt-1 h-1.5 w-1.5 rounded-full"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV3("span", {
+                    children: f
+                  }, undefined, false, undefined, this)
+                ]
+              }, i, true, undefined, this))
+            }, undefined, false, undefined, this),
+            t.cta && /* @__PURE__ */ jsxDEV3("div", {
+              className: "mt-6",
+              children: t.cta.href ? /* @__PURE__ */ jsxDEV3(Button, {
+                className: "w-full",
+                children: /* @__PURE__ */ jsxDEV3(Link, {
+                  href: t.cta.href,
+                  children: t.cta.label
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV3(Button, {
+                className: "w-full",
+                onPress: t.cta.onClick,
+                children: t.cta.label
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this)
+          ]
+        }, idx, true, undefined, this))
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV3("p", {
+        className: "text-muted-foreground mt-6 text-center text-base",
+        children: "Usage-based tiers inspired by generous free allowances and per-unit pricing."
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+export {
+  PricingTable
+};

package/dist/ui/marketing/index.d.ts

@@ -1,4 +1,4 @@
-import { FeatureGrid, FeatureItem } from "./FeatureGrid.js";
-import { Hero } from "./Hero.js";
-import { PricingTable, PricingTier } from "./PricingTable.js";
-export { FeatureGrid, type FeatureItem, Hero, PricingTable, type PricingTier };
+export { Hero } from './Hero';
+export { FeatureGrid, type FeatureItem } from './FeatureGrid';
+export { PricingTable, type PricingTier } from './PricingTable';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/marketing/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../ui/marketing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC"}