@revealui/presentation 0.3.0 → 0.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (73) hide show
  1. package/README.md +14 -0
  2. package/dist/Text-mMOCv1lF.js +204 -0
  3. package/dist/Text-mMOCv1lF.js.map +1 -0
  4. package/dist/client.d.ts +3 -2
  5. package/dist/client.d.ts.map +1 -1
  6. package/dist/client.js +92 -266
  7. package/dist/client.js.map +1 -1
  8. package/dist/components/BuiltWithRevealUI.d.ts +6 -3
  9. package/dist/components/BuiltWithRevealUI.d.ts.map +1 -1
  10. package/dist/components/Button.d.ts +6 -3
  11. package/dist/components/Button.d.ts.map +1 -1
  12. package/dist/components/Card.d.ts.map +1 -1
  13. package/dist/components/Input.d.ts.map +1 -1
  14. package/dist/components/accordion.d.ts.map +1 -1
  15. package/dist/components/alert.d.ts.map +1 -1
  16. package/dist/components/avatar.d.ts.map +1 -1
  17. package/dist/components/badge.d.ts.map +1 -1
  18. package/dist/components/breadcrumb.d.ts.map +1 -1
  19. package/dist/components/button-headless.d.ts.map +1 -1
  20. package/dist/components/callout.d.ts.map +1 -1
  21. package/dist/components/checkbox-headless.d.ts.map +1 -1
  22. package/dist/components/combobox.d.ts.map +1 -1
  23. package/dist/components/dialog.d.ts.map +1 -1
  24. package/dist/components/drawer.d.ts.map +1 -1
  25. package/dist/components/dropdown.d.ts.map +1 -1
  26. package/dist/components/empty-state.d.ts.map +1 -1
  27. package/dist/components/fieldset.d.ts.map +1 -1
  28. package/dist/components/form-field.d.ts +23 -0
  29. package/dist/components/form-field.d.ts.map +1 -0
  30. package/dist/components/icon.d.ts +53 -0
  31. package/dist/components/icon.d.ts.map +1 -0
  32. package/dist/components/index.d.ts +1 -0
  33. package/dist/components/index.d.ts.map +1 -1
  34. package/dist/components/input-headless.d.ts.map +1 -1
  35. package/dist/components/kbd.d.ts.map +1 -1
  36. package/dist/components/listbox.d.ts.map +1 -1
  37. package/dist/components/navbar.d.ts.map +1 -1
  38. package/dist/components/radio.d.ts.map +1 -1
  39. package/dist/components/select-headless.d.ts.map +1 -1
  40. package/dist/components/sidebar.d.ts.map +1 -1
  41. package/dist/components/skeleton.d.ts.map +1 -1
  42. package/dist/components/stat.d.ts.map +1 -1
  43. package/dist/components/switch.d.ts.map +1 -1
  44. package/dist/components/table.d.ts.map +1 -1
  45. package/dist/components/tabs.d.ts.map +1 -1
  46. package/dist/components/textarea-headless.d.ts.map +1 -1
  47. package/dist/components/timeline.d.ts.map +1 -1
  48. package/dist/components/toast.d.ts.map +1 -1
  49. package/dist/components/tooltip.d.ts.map +1 -1
  50. package/dist/hooks/index.d.ts +1 -0
  51. package/dist/hooks/index.d.ts.map +1 -1
  52. package/dist/hooks/use-theme.d.ts +26 -0
  53. package/dist/hooks/use-theme.d.ts.map +1 -0
  54. package/dist/index.js +65 -224
  55. package/dist/index.js.map +1 -1
  56. package/dist/server.d.ts +5 -0
  57. package/dist/server.d.ts.map +1 -1
  58. package/dist/server.js +402 -32
  59. package/dist/server.js.map +1 -1
  60. package/dist/skeleton-CHPpiyJj.js +472 -0
  61. package/dist/skeleton-CHPpiyJj.js.map +1 -0
  62. package/dist/tokens.css +265 -0
  63. package/dist/use-theme-QxeZadnD.js +4024 -0
  64. package/dist/use-theme-QxeZadnD.js.map +1 -0
  65. package/dist/utils/cn.d.ts +21 -4
  66. package/dist/utils/cn.d.ts.map +1 -1
  67. package/package.json +13 -15
  68. package/dist/Box-DC3F8eRf.js +0 -430
  69. package/dist/Box-DC3F8eRf.js.map +0 -1
  70. package/dist/Text-jQVi12Hi.js +0 -218
  71. package/dist/Text-jQVi12Hi.js.map +0 -1
  72. package/dist/tooltip-DQYjYWbe.js +0 -5085
  73. package/dist/tooltip-DQYjYWbe.js.map +0 -1
@@ -1,10 +1,27 @@
1
1
  /**
2
- * Utility function for conditionally joining classNames together
3
- * Similar to clsx/classnames but simpler for Tailwind CSS usage
2
+ * Utility function for conditionally joining classNames together.
3
+ * Drop-in replacement for clsx supports strings, numbers, booleans,
4
+ * objects, and arbitrarily nested arrays.
4
5
  */
5
6
  type ClassValue = string | number | boolean | undefined | null | {
6
7
  [key: string]: boolean;
7
- };
8
+ } | ClassValue[];
8
9
  export declare function cn(...inputs: ClassValue[]): string;
9
- export {};
10
+ /**
11
+ * Lightweight class-variance-authority replacement.
12
+ * Supports base classes, variants, and defaultVariants.
13
+ */
14
+ type VariantValues = Record<string, string>;
15
+ type VariantConfig = Record<string, VariantValues>;
16
+ interface CvaConfig<V extends VariantConfig> {
17
+ variants: V;
18
+ defaultVariants?: {
19
+ [K in keyof V]?: keyof V[K];
20
+ };
21
+ }
22
+ type VariantProps<T> = T extends (props?: infer P) => string ? P : never;
23
+ declare function cva<V extends VariantConfig>(base: string, config: CvaConfig<V>): (props?: { [K in keyof V]?: keyof V[K] | null | undefined; } & {
24
+ className?: string;
25
+ }) => string;
26
+ export { cva, type VariantProps };
10
27
  //# sourceMappingURL=cn.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,KAAK,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,CAAC;AAE5F,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAqBlD"}
1
+ {"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,KAAK,UAAU,GACX,MAAM,GACN,MAAM,GACN,OAAO,GACP,SAAS,GACT,IAAI,GACJ;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,GAC1B,UAAU,EAAE,CAAC;AAEjB,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAwBlD;AAED;;;GAGG;AACH,KAAK,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC5C,KAAK,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAEnD,UAAU,SAAS,CAAC,CAAC,SAAS,aAAa;IACzC,QAAQ,EAAE,CAAC,CAAC;IACZ,eAAe,CAAC,EAAE;SAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;KAAE,CAAC;CACnD;AAED,KAAK,YAAY,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,KAAK,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC;AAEzE,iBAAS,GAAG,CAAC,CAAC,SAAS,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,eACtD,CAAC;gBAAmD,MAAM;MAE9C,MAAM,CAiBnC;AAED,OAAO,EAAE,GAAG,EAAE,KAAK,YAAY,EAAE,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@revealui/presentation",
3
- "version": "0.3.0",
3
+ "version": "0.3.3",
4
4
  "description": "Shared UI components and presentation layer for RevealUI applications",
5
5
  "keywords": [
6
6
  "components",
@@ -11,25 +11,22 @@
11
11
  "ui"
12
12
  ],
13
13
  "license": "MIT",
14
- "dependencies": {
15
- "class-variance-authority": "^0.7.1",
16
- "clsx": "^2.1.1"
17
- },
14
+ "dependencies": {},
18
15
  "devDependencies": {
19
- "cross-env": "^10.1.0",
20
16
  "@testing-library/jest-dom": "^6.9.1",
21
17
  "@testing-library/react": "^16.3.2",
22
18
  "@testing-library/user-event": "^14.6.1",
23
- "@types/node": "^25.3.0",
19
+ "@types/node": "^25.5.0",
24
20
  "@types/react": "^19.2.14",
25
21
  "@types/react-dom": "^19.2.3",
26
- "@vitejs/plugin-react-swc": "^4.2.2",
27
- "@vitest/coverage-v8": "^4.0.18",
28
- "jsdom": "^27.4.0",
29
- "typescript": "^5.9.3",
30
- "vite": "^7.3.1",
22
+ "@vitejs/plugin-react": "^6.0.1",
23
+ "@vitest/coverage-v8": "^4.1.0",
24
+ "cross-env": "^10.1.0",
25
+ "jsdom": "^29.0.1",
26
+ "typescript": "^6.0.2",
27
+ "vite": "^8.0.3",
31
28
  "vite-plugin-dts": "^4.5.4",
32
- "vitest": "^4.0.18",
29
+ "vitest": "^4.1.0",
33
30
  "dev": "0.0.1"
34
31
  },
35
32
  "engines": {
@@ -59,7 +56,8 @@
59
56
  "./hooks": {
60
57
  "types": "./dist/hooks/index.d.ts",
61
58
  "import": "./dist/hooks/index.js"
62
- }
59
+ },
60
+ "./tokens.css": "./dist/tokens.css"
63
61
  },
64
62
  "files": [
65
63
  "dist"
@@ -77,7 +75,7 @@
77
75
  "type": "module",
78
76
  "types": "./dist/index.d.ts",
79
77
  "scripts": {
80
- "build": "cross-env NODE_ENV=production vite build",
78
+ "build": "cross-env NODE_ENV=production vite build && cp src/tokens.css dist/tokens.css",
81
79
  "clean": "rm -rf dist",
82
80
  "dev": "vite build --watch --mode development",
83
81
  "lint": "biome check .",
@@ -1,430 +0,0 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import React from "react";
3
- function r(e) {
4
- var t, f, n = "";
5
- if ("string" == typeof e || "number" == typeof e) n += e;
6
- else if ("object" == typeof e) if (Array.isArray(e)) {
7
- var o = e.length;
8
- for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
9
- } else for (f in e) e[f] && (n && (n += " "), n += f);
10
- return n;
11
- }
12
- function clsx() {
13
- for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
14
- return n;
15
- }
16
- const falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
17
- const cx = clsx;
18
- const cva = (base, config) => (props) => {
19
- var _config_compoundVariants;
20
- if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
21
- const { variants, defaultVariants } = config;
22
- const getVariantClassNames = Object.keys(variants).map((variant) => {
23
- const variantProp = props === null || props === void 0 ? void 0 : props[variant];
24
- const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];
25
- if (variantProp === null) return null;
26
- const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
27
- return variants[variant][variantKey];
28
- });
29
- const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param) => {
30
- let [key, value] = param;
31
- if (value === void 0) {
32
- return acc;
33
- }
34
- acc[key] = value;
35
- return acc;
36
- }, {});
37
- const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param) => {
38
- let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;
39
- return Object.entries(compoundVariantOptions).every((param2) => {
40
- let [key, value] = param2;
41
- return Array.isArray(value) ? value.includes({
42
- ...defaultVariants,
43
- ...propsWithoutUndefined
44
- }[key]) : {
45
- ...defaultVariants,
46
- ...propsWithoutUndefined
47
- }[key] === value;
48
- }) ? [
49
- ...acc,
50
- cvClass,
51
- cvClassName
52
- ] : acc;
53
- }, []);
54
- return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
55
- };
56
- function cn(...inputs) {
57
- const classes = [];
58
- for (const input of inputs.flat()) {
59
- if (!input) continue;
60
- if (typeof input === "string" || typeof input === "number") {
61
- classes.push(String(input));
62
- continue;
63
- }
64
- if (typeof input === "object") {
65
- for (const [key, value] of Object.entries(input)) {
66
- if (value) {
67
- classes.push(key);
68
- }
69
- }
70
- }
71
- }
72
- return classes.join(" ").trim();
73
- }
74
- function Slot({ children, asChild, ref, ...slotProps }) {
75
- if (asChild && React.isValidElement(children)) {
76
- return React.cloneElement(children, {
77
- ...slotProps,
78
- ...children.props,
79
- ref
80
- });
81
- }
82
- return /* @__PURE__ */ jsx("div", { ...slotProps, ref, children });
83
- }
84
- const buttonVariants = cva(
85
- "inline-flex items-center justify-center whitespace-nowrap rounded text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
86
- {
87
- defaultVariants: {
88
- size: "default",
89
- variant: "default"
90
- },
91
- variants: {
92
- size: {
93
- clear: "",
94
- default: "h-10 px-4 py-2",
95
- icon: "size-10",
96
- lg: "h-11 rounded px-8",
97
- sm: "h-9 rounded px-3"
98
- },
99
- variant: {
100
- default: "bg-primary text-primary-foreground hover:bg-primary/90",
101
- destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
102
- ghost: "hover:bg-card hover:text-accent-foreground",
103
- link: "text-primary items-start justify-start underline-offset-4 hover:underline",
104
- outline: "border border-border bg-background hover:bg-card hover:text-accent-foreground",
105
- primary: "bg-primary text-primary-foreground hover:bg-primary/90",
106
- secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80"
107
- }
108
- }
109
- }
110
- );
111
- function Button({ asChild = false, className, size, variant, ref, ...props }) {
112
- const Comp = asChild ? Slot : "button";
113
- return /* @__PURE__ */ jsx(Comp, { className: cn(buttonVariants({ className, size, variant })), ref, ...props });
114
- }
115
- const ChevronLeft = ({ className }) => {
116
- return /* @__PURE__ */ jsxs(
117
- "svg",
118
- {
119
- xmlns: "http://www.w3.org/2000/svg",
120
- fill: "none",
121
- viewBox: "0 0 24 24",
122
- strokeWidth: 1.5,
123
- stroke: "currentColor",
124
- className: cn("size-6", className),
125
- children: [
126
- /* @__PURE__ */ jsx("title", { children: "Previous page" }),
127
- /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" })
128
- ]
129
- }
130
- );
131
- };
132
- const ChevronRight = ({ className }) => {
133
- return /* @__PURE__ */ jsxs(
134
- "svg",
135
- {
136
- xmlns: "http://www.w3.org/2000/svg",
137
- fill: "none",
138
- viewBox: "0 0 24 24",
139
- strokeWidth: 1.5,
140
- stroke: "currentColor",
141
- className: cn("size-6", className),
142
- children: [
143
- /* @__PURE__ */ jsx("title", { children: "Next page" }),
144
- /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" })
145
- ]
146
- }
147
- );
148
- };
149
- const MoreHorizontal = ({ className }) => {
150
- return /* @__PURE__ */ jsxs(
151
- "svg",
152
- {
153
- xmlns: "http://www.w3.org/2000/svg",
154
- fill: "none",
155
- viewBox: "0 0 24 6",
156
- className: cn("size-6", className),
157
- children: [
158
- /* @__PURE__ */ jsx("title", { children: "More pages" }),
159
- /* @__PURE__ */ jsx("circle", { cx: "6", cy: "3", r: "3", fill: "currentColor" }),
160
- /* @__PURE__ */ jsx("circle", { cx: "12", cy: "3", r: "3", fill: "currentColor" }),
161
- /* @__PURE__ */ jsx("circle", { cx: "18", cy: "3", r: "3", fill: "currentColor" })
162
- ]
163
- }
164
- );
165
- };
166
- const Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx(
167
- "nav",
168
- {
169
- "aria-label": "pagination",
170
- className: cn("mx-auto flex w-full justify-center", className),
171
- ...props
172
- }
173
- );
174
- function PaginationContent({
175
- className,
176
- ref,
177
- ...props
178
- }) {
179
- return /* @__PURE__ */ jsx("ul", { className: cn("flex flex-row items-center gap-1", className), ref, ...props });
180
- }
181
- function PaginationItem({
182
- className,
183
- ref,
184
- ...props
185
- }) {
186
- return /* @__PURE__ */ jsx("li", { className: cn("", className), ref, ...props });
187
- }
188
- const PaginationLink = ({
189
- className,
190
- isActive,
191
- size = "icon",
192
- disabled,
193
- ...props
194
- }) => /* @__PURE__ */ jsx(
195
- "button",
196
- {
197
- "aria-current": isActive ? "page" : void 0,
198
- "aria-disabled": disabled ? true : void 0,
199
- disabled,
200
- className: cn(
201
- buttonVariants({
202
- size,
203
- variant: isActive ? "outline" : "ghost"
204
- }),
205
- className
206
- ),
207
- ...props
208
- }
209
- );
210
- const PaginationPrevious = ({ className, ...props }) => /* @__PURE__ */ jsxs(
211
- PaginationLink,
212
- {
213
- "aria-label": "Go to previous page",
214
- className: cn("gap-1 pl-2.5", className),
215
- size: "default",
216
- ...props,
217
- children: [
218
- /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4" }),
219
- /* @__PURE__ */ jsx("span", { children: "Previous" })
220
- ]
221
- }
222
- );
223
- const PaginationNext = ({ className, ...props }) => /* @__PURE__ */ jsxs(
224
- PaginationLink,
225
- {
226
- "aria-label": "Go to next page",
227
- className: cn("gap-1 pr-2.5", className),
228
- size: "default",
229
- ...props,
230
- children: [
231
- /* @__PURE__ */ jsx("span", { children: "Next" }),
232
- /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" })
233
- ]
234
- }
235
- );
236
- const PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs(
237
- "span",
238
- {
239
- "aria-hidden": true,
240
- className: cn("flex h-9 w-9 items-center justify-center", className),
241
- ...props,
242
- children: [
243
- /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" }),
244
- /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More pages" })
245
- ]
246
- }
247
- );
248
- function CheckIcon() {
249
- return /* @__PURE__ */ jsx(
250
- "svg",
251
- {
252
- className: "h-4 w-4 shrink-0 text-blue-600 mt-0.5",
253
- fill: "currentColor",
254
- viewBox: "0 0 20 20",
255
- "aria-hidden": "true",
256
- children: /* @__PURE__ */ jsx(
257
- "path",
258
- {
259
- fillRule: "evenodd",
260
- d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
261
- clipRule: "evenodd"
262
- }
263
- )
264
- }
265
- );
266
- }
267
- function PricingTable({
268
- tiers,
269
- currentTier,
270
- compact = false,
271
- onSelectTier,
272
- className
273
- }) {
274
- if (compact) {
275
- return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-4 sm:flex-row", className), children: tiers.map((tier) => /* @__PURE__ */ jsx(
276
- PricingCardCompact,
277
- {
278
- tier,
279
- isCurrent: tier.id === currentTier,
280
- onSelect: onSelectTier
281
- },
282
- tier.id
283
- )) });
284
- }
285
- return /* @__PURE__ */ jsx(
286
- "div",
287
- {
288
- className: cn(
289
- "grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-4",
290
- tiers.length === 3 && "lg:grid-cols-3",
291
- tiers.length === 2 && "lg:grid-cols-2 max-w-3xl mx-auto",
292
- className
293
- ),
294
- children: tiers.map((tier) => /* @__PURE__ */ jsx(
295
- PricingCardFull,
296
- {
297
- tier,
298
- isCurrent: tier.id === currentTier,
299
- onSelect: onSelectTier
300
- },
301
- tier.id
302
- ))
303
- }
304
- );
305
- }
306
- function PricingCardFull({
307
- tier,
308
- isCurrent,
309
- onSelect
310
- }) {
311
- const isHighlighted = tier.highlighted && !isCurrent;
312
- return /* @__PURE__ */ jsxs(
313
- "div",
314
- {
315
- className: cn(
316
- "relative rounded-2xl bg-white p-8 shadow-lg dark:bg-zinc-900",
317
- isHighlighted ? "ring-2 ring-blue-600" : isCurrent ? "ring-2 ring-emerald-500" : "ring-1 ring-zinc-200 dark:ring-zinc-800"
318
- ),
319
- children: [
320
- isHighlighted && /* @__PURE__ */ jsx("div", { className: "absolute -top-4 left-0 right-0 mx-auto w-32 rounded-full bg-gradient-to-r from-blue-600 to-indigo-600 px-3 py-1.5 text-sm font-semibold text-white text-center shadow-lg", children: "Most Popular" }),
321
- isCurrent && /* @__PURE__ */ jsx("div", { className: "absolute -top-4 left-0 right-0 mx-auto w-32 rounded-full bg-emerald-600 px-3 py-1.5 text-sm font-semibold text-white text-center shadow-lg", children: "Current Plan" }),
322
- /* @__PURE__ */ jsxs("div", { className: "mb-8", children: [
323
- /* @__PURE__ */ jsx("h3", { className: "text-xl font-bold tracking-tight text-zinc-900 dark:text-white", children: tier.name }),
324
- /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-zinc-600 dark:text-zinc-400", children: tier.description }),
325
- /* @__PURE__ */ jsxs("p", { className: "mt-6 flex items-baseline gap-x-1", children: [
326
- /* @__PURE__ */ jsx("span", { className: "text-4xl font-bold tracking-tight text-zinc-900 dark:text-white", children: tier.price ?? "—" }),
327
- tier.period && /* @__PURE__ */ jsx("span", { className: "text-sm text-zinc-600 dark:text-zinc-400", children: tier.period })
328
- ] })
329
- ] }),
330
- /* @__PURE__ */ jsx("ul", { className: "mb-8 space-y-3", children: tier.features.map((feature) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-x-3", children: [
331
- /* @__PURE__ */ jsx(CheckIcon, {}),
332
- /* @__PURE__ */ jsx("span", { className: "text-sm text-zinc-600 dark:text-zinc-400", children: feature })
333
- ] }, feature)) }),
334
- onSelect ? /* @__PURE__ */ jsx(
335
- "button",
336
- {
337
- type: "button",
338
- onClick: () => onSelect(tier.id),
339
- disabled: isCurrent,
340
- className: cn(
341
- "block w-full rounded-md px-6 py-3 text-center text-sm font-semibold transition-colors",
342
- isCurrent ? "cursor-default bg-emerald-50 text-emerald-700 dark:bg-emerald-900/20 dark:text-emerald-400" : isHighlighted ? "bg-blue-600 text-white hover:bg-blue-500 shadow-sm" : "bg-zinc-100 text-zinc-900 hover:bg-zinc-200 dark:bg-zinc-800 dark:text-zinc-100 dark:hover:bg-zinc-700"
343
- ),
344
- children: isCurrent ? "Current Plan" : tier.cta
345
- }
346
- ) : /* @__PURE__ */ jsx(
347
- "a",
348
- {
349
- href: tier.ctaHref,
350
- className: cn(
351
- "block w-full rounded-md px-6 py-3 text-center text-sm font-semibold transition-colors",
352
- isHighlighted ? "bg-blue-600 text-white hover:bg-blue-500 shadow-sm" : "bg-zinc-100 text-zinc-900 hover:bg-zinc-200 dark:bg-zinc-800 dark:text-zinc-100 dark:hover:bg-zinc-700"
353
- ),
354
- children: tier.cta
355
- }
356
- )
357
- ]
358
- }
359
- );
360
- }
361
- function PricingCardCompact({
362
- tier,
363
- isCurrent,
364
- onSelect
365
- }) {
366
- return /* @__PURE__ */ jsxs(
367
- "div",
368
- {
369
- className: cn(
370
- "flex-1 rounded-xl p-5 shadow-sm dark:bg-zinc-900",
371
- isCurrent ? "ring-2 ring-emerald-500 bg-emerald-50/50 dark:bg-emerald-900/10" : tier.highlighted ? "ring-2 ring-blue-600 bg-blue-50/50 dark:bg-blue-900/10" : "ring-1 ring-zinc-200 bg-white dark:ring-zinc-800"
372
- ),
373
- children: [
374
- /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [
375
- /* @__PURE__ */ jsx("h4", { className: "text-sm font-bold text-zinc-900 dark:text-white", children: tier.name }),
376
- isCurrent && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-emerald-100 px-2 py-0.5 text-xs font-medium text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400", children: "Current" })
377
- ] }),
378
- /* @__PURE__ */ jsxs("p", { className: "mt-1 flex items-baseline gap-x-1", children: [
379
- /* @__PURE__ */ jsx("span", { className: "text-2xl font-bold text-zinc-900 dark:text-white", children: tier.price ?? "—" }),
380
- tier.period && /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-500 dark:text-zinc-400", children: tier.period })
381
- ] }),
382
- /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-zinc-500 dark:text-zinc-400 line-clamp-2", children: tier.description }),
383
- onSelect ? /* @__PURE__ */ jsx(
384
- "button",
385
- {
386
- type: "button",
387
- onClick: () => onSelect(tier.id),
388
- disabled: isCurrent,
389
- className: cn(
390
- "mt-3 block w-full rounded-md px-3 py-2 text-center text-xs font-semibold transition-colors",
391
- isCurrent ? "cursor-default bg-emerald-50 text-emerald-700 dark:bg-emerald-900/20 dark:text-emerald-400" : tier.highlighted ? "bg-blue-600 text-white hover:bg-blue-500" : "bg-zinc-100 text-zinc-900 hover:bg-zinc-200 dark:bg-zinc-800 dark:text-zinc-100 dark:hover:bg-zinc-700"
392
- ),
393
- children: isCurrent ? "Current" : tier.cta
394
- }
395
- ) : /* @__PURE__ */ jsx(
396
- "a",
397
- {
398
- href: tier.ctaHref,
399
- className: cn(
400
- "mt-3 block w-full rounded-md px-3 py-2 text-center text-xs font-semibold transition-colors",
401
- tier.highlighted ? "bg-blue-600 text-white hover:bg-blue-500" : "bg-zinc-100 text-zinc-900 hover:bg-zinc-200 dark:bg-zinc-800 dark:text-zinc-100 dark:hover:bg-zinc-700"
402
- ),
403
- children: tier.cta
404
- }
405
- )
406
- ]
407
- }
408
- );
409
- }
410
- function Box({ as: Component = "div", className, ref, ...props }) {
411
- return /* @__PURE__ */ jsx(Component, { ref, className: cn(className), ...props });
412
- }
413
- export {
414
- Box as B,
415
- Pagination as P,
416
- Slot as S,
417
- Button as a,
418
- PaginationContent as b,
419
- PaginationEllipsis as c,
420
- PaginationItem as d,
421
- PaginationLink as e,
422
- PaginationNext as f,
423
- PaginationPrevious as g,
424
- PricingTable as h,
425
- buttonVariants as i,
426
- cn as j,
427
- cva as k,
428
- clsx as l
429
- };
430
- //# sourceMappingURL=Box-DC3F8eRf.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Box-DC3F8eRf.js","sources":["../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs","../src/utils/cn.ts","../src/primitives/Slot.tsx","../src/components/Button.tsx","../src/components/Pagination.tsx","../src/components/pricing-table.tsx","../src/primitives/Box.tsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","/**\n * Copyright 2022 Joe Bell. All rights reserved.\n *\n * This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n */ import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>(props)=>{\n var _config_compoundVariants;\n if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n const { variants, defaultVariants } = config;\n const getVariantClassNames = Object.keys(variants).map((variant)=>{\n const variantProp = props === null || props === void 0 ? void 0 : props[variant];\n const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n if (variantProp === null) return null;\n const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);\n return variants[variant][variantKey];\n });\n const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n let [key, value] = param;\n if (value === undefined) {\n return acc;\n }\n acc[key] = value;\n return acc;\n }, {});\n const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{\n let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;\n return Object.entries(compoundVariantOptions).every((param)=>{\n let [key, value] = param;\n return Array.isArray(value) ? value.includes({\n ...defaultVariants,\n ...propsWithoutUndefined\n }[key]) : ({\n ...defaultVariants,\n ...propsWithoutUndefined\n })[key] === value;\n }) ? [\n ...acc,\n cvClass,\n cvClassName\n ] : acc;\n }, []);\n return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n };\n\n","/**\n * Utility function for conditionally joining classNames together\n * Similar to clsx/classnames but simpler for Tailwind CSS usage\n */\ntype ClassValue = string | number | boolean | undefined | null | { [key: string]: boolean };\n\nexport function cn(...inputs: ClassValue[]): string {\n const classes: string[] = [];\n\n for (const input of inputs.flat()) {\n if (!input) continue;\n\n if (typeof input === 'string' || typeof input === 'number') {\n classes.push(String(input));\n continue;\n }\n\n if (typeof input === 'object') {\n for (const [key, value] of Object.entries(input)) {\n if (value) {\n classes.push(key);\n }\n }\n }\n }\n\n return classes.join(' ').trim();\n}\n","import React, { type Ref } from 'react';\n\nexport interface SlotProps extends React.HTMLAttributes<HTMLElement> {\n children?: React.ReactNode;\n asChild?: boolean;\n ref?: React.Ref<HTMLElement>;\n}\n\n/**\n * Slot component for polymorphic composition\n * Allows components to merge props with child elements\n */\nfunction Slot({ children, asChild, ref, ...slotProps }: SlotProps) {\n if (asChild && React.isValidElement(children)) {\n return React.cloneElement(children, {\n ...slotProps,\n ...(children.props as Record<string, unknown>),\n ref,\n } as unknown as React.HTMLAttributes<HTMLElement>);\n }\n\n return (\n <div {...slotProps} ref={ref as Ref<HTMLDivElement>}>\n {children}\n </div>\n );\n}\n\nexport { Slot };\n","import { cva, type VariantProps } from 'class-variance-authority';\nimport type React from 'react';\nimport { Slot } from '../primitives/Slot.js';\nimport { cn } from '../utils/cn.js';\n\nconst buttonVariants = cva(\n 'inline-flex items-center justify-center whitespace-nowrap rounded text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',\n {\n defaultVariants: {\n size: 'default',\n variant: 'default',\n },\n variants: {\n size: {\n clear: '',\n default: 'h-10 px-4 py-2',\n icon: 'size-10',\n lg: 'h-11 rounded px-8',\n sm: 'h-9 rounded px-3',\n },\n variant: {\n default: 'bg-primary text-primary-foreground hover:bg-primary/90',\n destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',\n ghost: 'hover:bg-card hover:text-accent-foreground',\n link: 'text-primary items-start justify-start underline-offset-4 hover:underline',\n outline: 'border border-border bg-background hover:bg-card hover:text-accent-foreground',\n primary: 'bg-primary text-primary-foreground hover:bg-primary/90',\n secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',\n },\n },\n },\n);\n\nexport interface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof buttonVariants> {\n asChild?: boolean;\n ref?: React.Ref<HTMLButtonElement>;\n}\n\nfunction Button({ asChild = false, className, size, variant, ref, ...props }: ButtonProps) {\n const Comp = asChild ? Slot : 'button';\n return <Comp className={cn(buttonVariants({ className, size, variant }))} ref={ref} {...props} />;\n}\n\nexport { Button, buttonVariants };\n","import type * as React from 'react';\nimport { cn } from '../utils/cn.js';\nimport type { ButtonProps } from './Button.js';\nimport { buttonVariants } from './Button.js';\n\nconst ChevronLeft = ({ className }: { className?: string }) => {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n strokeWidth={1.5}\n stroke=\"currentColor\"\n className={cn('size-6', className)}\n >\n <title>Previous page</title>\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M15.75 19.5 8.25 12l7.5-7.5\" />\n </svg>\n );\n};\n\nconst ChevronRight = ({ className }: { className?: string }) => {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n strokeWidth={1.5}\n stroke=\"currentColor\"\n className={cn('size-6', className)}\n >\n <title>Next page</title>\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"m8.25 4.5 7.5 7.5-7.5 7.5\" />\n </svg>\n );\n};\n\nconst MoreHorizontal = ({ className }: { className?: string }) => {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n viewBox=\"0 0 24 6\"\n className={cn('size-6', className)}\n >\n <title>More pages</title>\n <circle cx=\"6\" cy=\"3\" r=\"3\" fill=\"currentColor\" />\n <circle cx=\"12\" cy=\"3\" r=\"3\" fill=\"currentColor\" />\n <circle cx=\"18\" cy=\"3\" r=\"3\" fill=\"currentColor\" />\n </svg>\n );\n};\n\nexport type PaginationProps = React.ComponentProps<'nav'>;\n\nconst Pagination = ({ className, ...props }: PaginationProps) => (\n <nav\n aria-label=\"pagination\"\n className={cn('mx-auto flex w-full justify-center', className)}\n {...props}\n />\n);\n\nfunction PaginationContent({\n className,\n ref,\n ...props\n}: React.ComponentProps<'ul'> & { ref?: React.Ref<HTMLUListElement> }) {\n return <ul className={cn('flex flex-row items-center gap-1', className)} ref={ref} {...props} />;\n}\n\nfunction PaginationItem({\n className,\n ref,\n ...props\n}: React.ComponentProps<'li'> & { ref?: React.Ref<HTMLLIElement> }) {\n return <li className={cn('', className)} ref={ref} {...props} />;\n}\n\nexport interface PaginationLinkProps\n extends Pick<ButtonProps, 'size'>,\n React.ComponentProps<'button'> {\n isActive?: boolean;\n}\n\nconst PaginationLink = ({\n className,\n isActive,\n size = 'icon',\n disabled,\n ...props\n}: PaginationLinkProps) => (\n <button\n aria-current={isActive ? 'page' : undefined}\n aria-disabled={disabled ? true : undefined}\n disabled={disabled}\n className={cn(\n buttonVariants({\n size,\n variant: isActive ? 'outline' : 'ghost',\n }),\n className,\n )}\n {...props}\n />\n);\n\nexport type PaginationPreviousProps = React.ComponentProps<typeof PaginationLink>;\n\nconst PaginationPrevious = ({ className, ...props }: PaginationPreviousProps) => (\n <PaginationLink\n aria-label=\"Go to previous page\"\n className={cn('gap-1 pl-2.5', className)}\n size=\"default\"\n {...props}\n >\n <ChevronLeft className=\"size-4\" />\n <span>Previous</span>\n </PaginationLink>\n);\n\nexport type PaginationNextProps = React.ComponentProps<typeof PaginationLink>;\n\nconst PaginationNext = ({ className, ...props }: PaginationNextProps) => (\n <PaginationLink\n aria-label=\"Go to next page\"\n className={cn('gap-1 pr-2.5', className)}\n size=\"default\"\n {...props}\n >\n <span>Next</span>\n <ChevronRight className=\"size-4\" />\n </PaginationLink>\n);\n\nexport type PaginationEllipsisProps = React.ComponentProps<'span'>;\n\nconst PaginationEllipsis = ({ className, ...props }: PaginationEllipsisProps) => (\n <span\n aria-hidden\n className={cn('flex h-9 w-9 items-center justify-center', className)}\n {...props}\n >\n <MoreHorizontal className=\"size-4\" />\n <span className=\"sr-only\">More pages</span>\n </span>\n);\n\nexport {\n Pagination,\n PaginationContent,\n PaginationEllipsis,\n PaginationItem,\n PaginationLink,\n PaginationNext,\n PaginationPrevious,\n};\n","import { cn } from '../utils/cn.js';\n\n// =============================================================================\n// Types (mirrors @revealui/contracts/pricing — no import to avoid coupling)\n// =============================================================================\n\nexport interface PricingTier {\n id: string;\n name: string;\n price?: string;\n period?: string;\n description: string;\n features: string[];\n cta: string;\n ctaHref: string;\n highlighted: boolean;\n}\n\nexport interface PricingTableProps {\n tiers: PricingTier[];\n /** Highlights the active plan tier */\n currentTier?: string;\n /** Compact (horizontal row) vs full (grid) layout */\n compact?: boolean;\n /** Callback when a tier is selected */\n onSelectTier?: (id: string) => void;\n className?: string;\n}\n\n// =============================================================================\n// Check Icon (inline SVG — no external deps)\n// =============================================================================\n\nfunction CheckIcon() {\n return (\n <svg\n className=\"h-4 w-4 shrink-0 text-blue-600 mt-0.5\"\n fill=\"currentColor\"\n viewBox=\"0 0 20 20\"\n aria-hidden=\"true\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n clipRule=\"evenodd\"\n />\n </svg>\n );\n}\n\n// =============================================================================\n// PricingTable\n// =============================================================================\n\nexport function PricingTable({\n tiers,\n currentTier,\n compact = false,\n onSelectTier,\n className,\n}: PricingTableProps) {\n if (compact) {\n return (\n <div className={cn('flex flex-col gap-4 sm:flex-row', className)}>\n {tiers.map((tier) => (\n <PricingCardCompact\n key={tier.id}\n tier={tier}\n isCurrent={tier.id === currentTier}\n onSelect={onSelectTier}\n />\n ))}\n </div>\n );\n }\n\n return (\n <div\n className={cn(\n 'grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-4',\n tiers.length === 3 && 'lg:grid-cols-3',\n tiers.length === 2 && 'lg:grid-cols-2 max-w-3xl mx-auto',\n className,\n )}\n >\n {tiers.map((tier) => (\n <PricingCardFull\n key={tier.id}\n tier={tier}\n isCurrent={tier.id === currentTier}\n onSelect={onSelectTier}\n />\n ))}\n </div>\n );\n}\n\n// =============================================================================\n// Full Card (marketing grid layout)\n// =============================================================================\n\nfunction PricingCardFull({\n tier,\n isCurrent,\n onSelect,\n}: {\n tier: PricingTier;\n isCurrent: boolean;\n onSelect?: (id: string) => void;\n}) {\n const isHighlighted = tier.highlighted && !isCurrent;\n\n return (\n <div\n className={cn(\n 'relative rounded-2xl bg-white p-8 shadow-lg dark:bg-zinc-900',\n isHighlighted\n ? 'ring-2 ring-blue-600'\n : isCurrent\n ? 'ring-2 ring-emerald-500'\n : 'ring-1 ring-zinc-200 dark:ring-zinc-800',\n )}\n >\n {isHighlighted && (\n <div className=\"absolute -top-4 left-0 right-0 mx-auto w-32 rounded-full bg-gradient-to-r from-blue-600 to-indigo-600 px-3 py-1.5 text-sm font-semibold text-white text-center shadow-lg\">\n Most Popular\n </div>\n )}\n {isCurrent && (\n <div className=\"absolute -top-4 left-0 right-0 mx-auto w-32 rounded-full bg-emerald-600 px-3 py-1.5 text-sm font-semibold text-white text-center shadow-lg\">\n Current Plan\n </div>\n )}\n\n <div className=\"mb-8\">\n <h3 className=\"text-xl font-bold tracking-tight text-zinc-900 dark:text-white\">\n {tier.name}\n </h3>\n <p className=\"mt-2 text-sm text-zinc-600 dark:text-zinc-400\">{tier.description}</p>\n <p className=\"mt-6 flex items-baseline gap-x-1\">\n <span className=\"text-4xl font-bold tracking-tight text-zinc-900 dark:text-white\">\n {tier.price ?? '—'}\n </span>\n {tier.period && (\n <span className=\"text-sm text-zinc-600 dark:text-zinc-400\">{tier.period}</span>\n )}\n </p>\n </div>\n\n <ul className=\"mb-8 space-y-3\">\n {tier.features.map((feature) => (\n <li key={feature} className=\"flex items-start gap-x-3\">\n <CheckIcon />\n <span className=\"text-sm text-zinc-600 dark:text-zinc-400\">{feature}</span>\n </li>\n ))}\n </ul>\n\n {onSelect ? (\n <button\n type=\"button\"\n onClick={() => onSelect(tier.id)}\n disabled={isCurrent}\n className={cn(\n 'block w-full rounded-md px-6 py-3 text-center text-sm font-semibold transition-colors',\n isCurrent\n ? 'cursor-default bg-emerald-50 text-emerald-700 dark:bg-emerald-900/20 dark:text-emerald-400'\n : isHighlighted\n ? 'bg-blue-600 text-white hover:bg-blue-500 shadow-sm'\n : 'bg-zinc-100 text-zinc-900 hover:bg-zinc-200 dark:bg-zinc-800 dark:text-zinc-100 dark:hover:bg-zinc-700',\n )}\n >\n {isCurrent ? 'Current Plan' : tier.cta}\n </button>\n ) : (\n <a\n href={tier.ctaHref}\n className={cn(\n 'block w-full rounded-md px-6 py-3 text-center text-sm font-semibold transition-colors',\n isHighlighted\n ? 'bg-blue-600 text-white hover:bg-blue-500 shadow-sm'\n : 'bg-zinc-100 text-zinc-900 hover:bg-zinc-200 dark:bg-zinc-800 dark:text-zinc-100 dark:hover:bg-zinc-700',\n )}\n >\n {tier.cta}\n </a>\n )}\n </div>\n );\n}\n\n// =============================================================================\n// Compact Card (embeddable in dialogs/prompts)\n// =============================================================================\n\nfunction PricingCardCompact({\n tier,\n isCurrent,\n onSelect,\n}: {\n tier: PricingTier;\n isCurrent: boolean;\n onSelect?: (id: string) => void;\n}) {\n return (\n <div\n className={cn(\n 'flex-1 rounded-xl p-5 shadow-sm dark:bg-zinc-900',\n isCurrent\n ? 'ring-2 ring-emerald-500 bg-emerald-50/50 dark:bg-emerald-900/10'\n : tier.highlighted\n ? 'ring-2 ring-blue-600 bg-blue-50/50 dark:bg-blue-900/10'\n : 'ring-1 ring-zinc-200 bg-white dark:ring-zinc-800',\n )}\n >\n <div className=\"flex items-baseline justify-between gap-2\">\n <h4 className=\"text-sm font-bold text-zinc-900 dark:text-white\">{tier.name}</h4>\n {isCurrent && (\n <span className=\"rounded-full bg-emerald-100 px-2 py-0.5 text-xs font-medium text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400\">\n Current\n </span>\n )}\n </div>\n <p className=\"mt-1 flex items-baseline gap-x-1\">\n <span className=\"text-2xl font-bold text-zinc-900 dark:text-white\">\n {tier.price ?? '—'}\n </span>\n {tier.period && (\n <span className=\"text-xs text-zinc-500 dark:text-zinc-400\">{tier.period}</span>\n )}\n </p>\n <p className=\"mt-1 text-xs text-zinc-500 dark:text-zinc-400 line-clamp-2\">\n {tier.description}\n </p>\n\n {onSelect ? (\n <button\n type=\"button\"\n onClick={() => onSelect(tier.id)}\n disabled={isCurrent}\n className={cn(\n 'mt-3 block w-full rounded-md px-3 py-2 text-center text-xs font-semibold transition-colors',\n isCurrent\n ? 'cursor-default bg-emerald-50 text-emerald-700 dark:bg-emerald-900/20 dark:text-emerald-400'\n : tier.highlighted\n ? 'bg-blue-600 text-white hover:bg-blue-500'\n : 'bg-zinc-100 text-zinc-900 hover:bg-zinc-200 dark:bg-zinc-800 dark:text-zinc-100 dark:hover:bg-zinc-700',\n )}\n >\n {isCurrent ? 'Current' : tier.cta}\n </button>\n ) : (\n <a\n href={tier.ctaHref}\n className={cn(\n 'mt-3 block w-full rounded-md px-3 py-2 text-center text-xs font-semibold transition-colors',\n tier.highlighted\n ? 'bg-blue-600 text-white hover:bg-blue-500'\n : 'bg-zinc-100 text-zinc-900 hover:bg-zinc-200 dark:bg-zinc-800 dark:text-zinc-100 dark:hover:bg-zinc-700',\n )}\n >\n {tier.cta}\n </a>\n )}\n </div>\n );\n}\n","import type React from 'react';\nimport { cn } from '../utils/cn.js';\n\nexport interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {\n as?: 'div' | 'span' | 'section' | 'article' | 'header' | 'footer' | 'main' | 'aside' | 'nav';\n ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * Box primitive - Basic container component\n */\nfunction Box({ as: Component = 'div', className, ref, ...props }: BoxProps) {\n return <Component ref={ref} className={cn(className)} {...props} />;\n}\n\nexport { Box };\n"],"names":["param"],"mappings":"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","x_google_ignoreList":[0,1]}