@burdenoff/fe-libs 2026.704.2 → 2026.704.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.
- package/dist/ui/index.d.ts +1 -0
- package/dist/ui/index.d.ts.map +1 -1
- package/dist/ui/modern-landing.d.ts +50 -0
- package/dist/ui/modern-landing.d.ts.map +1 -0
- package/dist/ui/modern-landing.js +146 -0
- package/dist/ui.js +6 -5
- package/package.json +1 -1
package/dist/ui/index.d.ts
CHANGED
|
@@ -37,6 +37,7 @@ export { EmphasisPanel, type EmphasisPanelProps } from './emphasis-panel';
|
|
|
37
37
|
export { ShowMore, type ShowMoreProps } from './show-more';
|
|
38
38
|
export { CTAOverflowMenu, type CTAOverflowMenuProps, type CTAAction, type CTAPrimaryAction, } from './cta-overflow-menu';
|
|
39
39
|
export { BrandedSplash, type BrandedSplashProps } from './branded-splash';
|
|
40
|
+
export { ModernLanding, type ModernLandingProps, type ModernLandingFeature, } from './modern-landing';
|
|
40
41
|
export { AuroraBackground, type AuroraBackgroundProps } from './aurora-background';
|
|
41
42
|
export { Illustration, type IllustrationProps, IllustratedEmptyState, type IllustratedEmptyStateProps, } from './illustration';
|
|
42
43
|
export { GradientText, type GradientTextProps } from './gradient-text';
|
package/dist/ui/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { ReactNode, ComponentType } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* ModernLanding — the shared, product-agnostic modern landing page for
|
|
4
|
+
* logged-out `app.<product>.com` shells, matching the vibecontrols gold
|
|
5
|
+
* standard (dark-on-canvas hero, gradient headline, accent glow, animated
|
|
6
|
+
* feature grid, CTA band).
|
|
7
|
+
*
|
|
8
|
+
* It is fully SELF-CONTAINED: it ships its own scoped CSS (`<style>` keyed to
|
|
9
|
+
* the fe-libs `--color-*` design tokens) so it renders identically on every
|
|
10
|
+
* shell WITHOUT depending on the per-shell `vc-*` utility classes, and the
|
|
11
|
+
* per-product brand accent (`--color-action-primary-bg`) auto-applies. Product
|
|
12
|
+
* name comes from `useAppShell()`; all copy/features are passed as props so
|
|
13
|
+
* each shell keeps its own messaging. No raw colors.
|
|
14
|
+
*/
|
|
15
|
+
type IconType = ComponentType<{
|
|
16
|
+
className?: string;
|
|
17
|
+
}>;
|
|
18
|
+
export interface ModernLandingFeature {
|
|
19
|
+
icon?: IconType;
|
|
20
|
+
title: string;
|
|
21
|
+
description: string;
|
|
22
|
+
}
|
|
23
|
+
export interface ModernLandingProps {
|
|
24
|
+
/** Small pill above the headline (e.g. "Early access"). */
|
|
25
|
+
eyebrow?: string;
|
|
26
|
+
/** First headline line, rendered in the primary text color. */
|
|
27
|
+
headlineLead?: string;
|
|
28
|
+
/** Second headline line, rendered with the brand gradient. */
|
|
29
|
+
headlineAccent: string;
|
|
30
|
+
/** Supporting paragraph under the headline. */
|
|
31
|
+
subheadline?: string;
|
|
32
|
+
/** Short check-list shown under the hero CTAs. */
|
|
33
|
+
highlights?: string[];
|
|
34
|
+
/** Feature cards. */
|
|
35
|
+
features?: ModernLandingFeature[];
|
|
36
|
+
featuresTitle?: string;
|
|
37
|
+
featuresSubtitle?: string;
|
|
38
|
+
primaryCtaLabel?: string;
|
|
39
|
+
secondaryCtaLabel?: string;
|
|
40
|
+
onPrimaryCta?: () => void;
|
|
41
|
+
onSecondaryCta?: () => void;
|
|
42
|
+
/** Closing CTA band copy. */
|
|
43
|
+
closingTitle?: string;
|
|
44
|
+
closingSubtitle?: string;
|
|
45
|
+
/** Product footer (each shell passes its own). */
|
|
46
|
+
footer?: ReactNode;
|
|
47
|
+
}
|
|
48
|
+
export declare function ModernLanding({ eyebrow, headlineLead, headlineAccent, subheadline, highlights, features, featuresTitle, featuresSubtitle, primaryCtaLabel, secondaryCtaLabel, onPrimaryCta, onSecondaryCta, closingTitle, closingSubtitle, footer, }: ModernLandingProps): import("react/jsx-runtime").JSX.Element;
|
|
49
|
+
export {};
|
|
50
|
+
//# sourceMappingURL=modern-landing.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modern-landing.d.ts","sourceRoot":"","sources":["../../src/ui/modern-landing.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAI3D;;;;;;;;;;;;GAYG;AAEH,KAAK,QAAQ,GAAG,aAAa,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEtD,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8DAA8D;IAC9D,cAAc,EAAE,MAAM,CAAC;IACvB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,6BAA6B;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kDAAkD;IAClD,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AA4BD,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,YAAY,EACZ,cAAc,EACd,WAAW,EACX,UAAU,EACV,QAAa,EACb,aAAa,EACb,gBAAgB,EAChB,eAA+B,EAC/B,iBAA6B,EAC7B,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,eAAe,EACf,MAAM,GACP,EAAE,kBAAkB,2CA4IpB"}
|
|
@@ -0,0 +1,146 @@
|
|
|
1
|
+
import { useAppShell as e } from "../shared/providers/shell/AppShellContext.js";
|
|
2
|
+
import { ArrowRight as t, CheckCircle2 as n, Sparkles as r } from "lucide-react";
|
|
3
|
+
import { jsx as i, jsxs as a } from "react/jsx-runtime";
|
|
4
|
+
//#region src/ui/modern-landing.tsx
|
|
5
|
+
var o = "\n.boff-landing{background:var(--color-bg-canvas);color:var(--color-text-primary);min-height:100vh}\n.boff-landing .bl-glow{background:\n radial-gradient(60% 50% at 20% 0%, color-mix(in oklab, var(--color-accent-primary, var(--color-action-primary-bg)) 18%, transparent), transparent 70%),\n radial-gradient(50% 50% at 90% 10%, color-mix(in oklab, var(--color-accent-secondary, var(--color-action-primary-bg)) 12%, transparent), transparent 70%)}\n.boff-landing .bl-grid{background-image:\n linear-gradient(to right, color-mix(in oklab, var(--color-border-subtle, var(--color-border-default)) 55%, transparent) 1px, transparent 1px),\n linear-gradient(to bottom, color-mix(in oklab, var(--color-border-subtle, var(--color-border-default)) 55%, transparent) 1px, transparent 1px);\n background-size:44px 44px;\n mask-image:radial-gradient(70% 60% at 50% 0%, #000 0%, transparent 75%);\n -webkit-mask-image:radial-gradient(70% 60% at 50% 0%, #000 0%, transparent 75%)}\n.boff-landing .bl-gradient-text{\n background:linear-gradient(100deg, var(--color-action-primary-bg), color-mix(in oklab, var(--color-action-primary-bg) 55%, var(--color-text-primary)));\n -webkit-background-clip:text;background-clip:text;color:transparent}\n@keyframes bl-fade-up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}\n@keyframes bl-fade{from{opacity:0}to{opacity:1}}\n.boff-landing .bl-anim-up{animation:bl-fade-up .6s cubic-bezier(.16,1,.3,1) both}\n.boff-landing .bl-anim{animation:bl-fade .8s ease both}\n.boff-landing .bl-d1{animation-delay:.08s}.boff-landing .bl-d2{animation-delay:.16s}.boff-landing .bl-d3{animation-delay:.26s}\n.boff-landing .bl-card{transition:border-color .2s ease, box-shadow .2s ease}\n.boff-landing .bl-card:hover{border-color:var(--color-border-strong, var(--color-border-default));box-shadow:var(--shadow-elevation-1)}\n@media (prefers-reduced-motion: reduce){\n .boff-landing .bl-anim-up,.boff-landing .bl-anim{animation:none}\n}\n";
|
|
6
|
+
function s({ eyebrow: s, headlineLead: c, headlineAccent: l, subheadline: u, highlights: d, features: f = [], featuresTitle: p, featuresSubtitle: m, primaryCtaLabel: h = "Get started", secondaryCtaLabel: g = "Sign in", onPrimaryCta: _, onSecondaryCta: v, closingTitle: y, closingSubtitle: b, footer: x }) {
|
|
7
|
+
let { productName: S } = e();
|
|
8
|
+
return /* @__PURE__ */ a("div", {
|
|
9
|
+
className: "boff-landing w-full overflow-x-hidden",
|
|
10
|
+
children: [
|
|
11
|
+
/* @__PURE__ */ i("style", { children: o }),
|
|
12
|
+
/* @__PURE__ */ a("header", {
|
|
13
|
+
className: "relative z-10 mx-auto flex max-w-7xl items-center justify-between px-6 py-5",
|
|
14
|
+
children: [/* @__PURE__ */ i("span", {
|
|
15
|
+
className: "text-lg font-semibold tracking-tight text-text-primary",
|
|
16
|
+
children: S
|
|
17
|
+
}), v && /* @__PURE__ */ i("button", {
|
|
18
|
+
type: "button",
|
|
19
|
+
onClick: v,
|
|
20
|
+
className: "rounded-lg px-4 py-2 text-sm font-medium text-text-secondary transition hover:text-text-primary",
|
|
21
|
+
children: g
|
|
22
|
+
})]
|
|
23
|
+
}),
|
|
24
|
+
/* @__PURE__ */ a("section", {
|
|
25
|
+
className: "relative overflow-hidden",
|
|
26
|
+
children: [
|
|
27
|
+
/* @__PURE__ */ i("div", {
|
|
28
|
+
"aria-hidden": "true",
|
|
29
|
+
className: "bl-glow pointer-events-none absolute inset-0"
|
|
30
|
+
}),
|
|
31
|
+
/* @__PURE__ */ i("div", {
|
|
32
|
+
"aria-hidden": "true",
|
|
33
|
+
className: "bl-grid pointer-events-none absolute inset-0 opacity-60"
|
|
34
|
+
}),
|
|
35
|
+
/* @__PURE__ */ a("div", {
|
|
36
|
+
className: "relative mx-auto max-w-4xl px-6 pb-20 pt-16 text-center sm:pt-24",
|
|
37
|
+
children: [
|
|
38
|
+
s && /* @__PURE__ */ a("div", {
|
|
39
|
+
className: "bl-anim mb-6 inline-flex items-center gap-2 rounded-full border border-border-subtle bg-bg-surface/60 px-4 py-1.5 text-sm font-medium text-text-secondary backdrop-blur",
|
|
40
|
+
children: [/* @__PURE__ */ i(r, { className: "size-3.5 text-action-primary-bg" }), s]
|
|
41
|
+
}),
|
|
42
|
+
/* @__PURE__ */ a("h1", {
|
|
43
|
+
className: "bl-anim-up mx-auto max-w-3xl text-4xl font-bold tracking-tight sm:text-5xl lg:text-6xl",
|
|
44
|
+
children: [c && /* @__PURE__ */ i("span", {
|
|
45
|
+
className: "block text-text-primary",
|
|
46
|
+
children: c
|
|
47
|
+
}), /* @__PURE__ */ i("span", {
|
|
48
|
+
className: "bl-gradient-text block",
|
|
49
|
+
children: l
|
|
50
|
+
})]
|
|
51
|
+
}),
|
|
52
|
+
u && /* @__PURE__ */ i("p", {
|
|
53
|
+
className: "bl-anim-up bl-d1 mx-auto mt-6 max-w-2xl text-lg leading-relaxed text-text-secondary",
|
|
54
|
+
children: u
|
|
55
|
+
}),
|
|
56
|
+
/* @__PURE__ */ a("div", {
|
|
57
|
+
className: "bl-anim-up bl-d2 mt-9 flex flex-wrap items-center justify-center gap-3",
|
|
58
|
+
children: [_ && /* @__PURE__ */ a("button", {
|
|
59
|
+
type: "button",
|
|
60
|
+
onClick: _,
|
|
61
|
+
className: "inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-6 py-3 text-sm font-semibold text-action-primary-text shadow-elevation-1 transition hover:bg-action-primary-bgHover active:scale-[0.98] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-bg-canvas",
|
|
62
|
+
children: [h, /* @__PURE__ */ i(t, { className: "size-4" })]
|
|
63
|
+
}), v && /* @__PURE__ */ i("button", {
|
|
64
|
+
type: "button",
|
|
65
|
+
onClick: v,
|
|
66
|
+
className: "inline-flex items-center gap-2 rounded-lg border border-border-default bg-bg-surface px-6 py-3 text-sm font-semibold text-text-primary transition hover:bg-bg-sunken hover:border-border-strong focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
|
|
67
|
+
children: g
|
|
68
|
+
})]
|
|
69
|
+
}),
|
|
70
|
+
d && d.length > 0 && /* @__PURE__ */ i("ul", {
|
|
71
|
+
className: "bl-anim bl-d3 mx-auto mt-9 flex max-w-2xl flex-wrap items-center justify-center gap-x-6 gap-y-2 text-sm text-text-secondary",
|
|
72
|
+
children: d.map((e) => /* @__PURE__ */ a("li", {
|
|
73
|
+
className: "flex items-center gap-2",
|
|
74
|
+
children: [/* @__PURE__ */ i(n, { className: "size-4 shrink-0 text-action-primary-bg" }), e]
|
|
75
|
+
}, e))
|
|
76
|
+
})
|
|
77
|
+
]
|
|
78
|
+
})
|
|
79
|
+
]
|
|
80
|
+
}),
|
|
81
|
+
f.length > 0 && /* @__PURE__ */ a("section", {
|
|
82
|
+
className: "relative mx-auto max-w-7xl px-6 py-16 sm:py-20",
|
|
83
|
+
children: [(p || m) && /* @__PURE__ */ a("div", {
|
|
84
|
+
className: "mx-auto mb-12 max-w-2xl text-center",
|
|
85
|
+
children: [p && /* @__PURE__ */ i("h2", {
|
|
86
|
+
className: "text-2xl font-bold tracking-tight text-text-primary sm:text-3xl",
|
|
87
|
+
children: p
|
|
88
|
+
}), m && /* @__PURE__ */ i("p", {
|
|
89
|
+
className: "mt-3 text-base text-text-secondary",
|
|
90
|
+
children: m
|
|
91
|
+
})]
|
|
92
|
+
}), /* @__PURE__ */ i("div", {
|
|
93
|
+
className: "grid gap-6 sm:grid-cols-2 lg:grid-cols-3",
|
|
94
|
+
children: f.map((e) => {
|
|
95
|
+
let t = e.icon;
|
|
96
|
+
return /* @__PURE__ */ a("div", {
|
|
97
|
+
className: "bl-card flex flex-col rounded-2xl border border-border-subtle bg-bg-surface p-6",
|
|
98
|
+
children: [
|
|
99
|
+
t && /* @__PURE__ */ i("span", {
|
|
100
|
+
className: "mb-4 inline-flex size-11 items-center justify-center rounded-xl bg-bg-sunken text-action-primary-bg",
|
|
101
|
+
children: /* @__PURE__ */ i(t, { className: "size-5" })
|
|
102
|
+
}),
|
|
103
|
+
/* @__PURE__ */ i("h3", {
|
|
104
|
+
className: "text-base font-semibold text-text-primary",
|
|
105
|
+
children: e.title
|
|
106
|
+
}),
|
|
107
|
+
/* @__PURE__ */ i("p", {
|
|
108
|
+
className: "mt-2 text-sm leading-relaxed text-text-secondary",
|
|
109
|
+
children: e.description
|
|
110
|
+
})
|
|
111
|
+
]
|
|
112
|
+
}, e.title);
|
|
113
|
+
})
|
|
114
|
+
})]
|
|
115
|
+
}),
|
|
116
|
+
(y || _) && /* @__PURE__ */ a("section", {
|
|
117
|
+
className: "relative overflow-hidden border-t border-border-subtle bg-bg-sunken",
|
|
118
|
+
children: [/* @__PURE__ */ i("div", {
|
|
119
|
+
"aria-hidden": "true",
|
|
120
|
+
className: "bl-glow pointer-events-none absolute inset-0 opacity-70"
|
|
121
|
+
}), /* @__PURE__ */ a("div", {
|
|
122
|
+
className: "relative mx-auto max-w-3xl px-6 py-16 text-center sm:py-20",
|
|
123
|
+
children: [
|
|
124
|
+
/* @__PURE__ */ i("h2", {
|
|
125
|
+
className: "text-2xl font-bold tracking-tight text-text-primary sm:text-3xl",
|
|
126
|
+
children: y ?? `Get started with ${S}`
|
|
127
|
+
}),
|
|
128
|
+
b && /* @__PURE__ */ i("p", {
|
|
129
|
+
className: "mx-auto mt-3 max-w-xl text-base text-text-secondary",
|
|
130
|
+
children: b
|
|
131
|
+
}),
|
|
132
|
+
_ && /* @__PURE__ */ a("button", {
|
|
133
|
+
type: "button",
|
|
134
|
+
onClick: _,
|
|
135
|
+
className: "mt-8 inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-6 py-3 text-sm font-semibold text-action-primary-text shadow-elevation-1 transition hover:bg-action-primary-bgHover active:scale-[0.98] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-bg-canvas",
|
|
136
|
+
children: [h, /* @__PURE__ */ i(t, { className: "size-4" })]
|
|
137
|
+
})
|
|
138
|
+
]
|
|
139
|
+
})]
|
|
140
|
+
}),
|
|
141
|
+
x
|
|
142
|
+
]
|
|
143
|
+
});
|
|
144
|
+
}
|
|
145
|
+
//#endregion
|
|
146
|
+
export { s as ModernLanding };
|
package/dist/ui.js
CHANGED
|
@@ -37,8 +37,9 @@ import { GlassCard as Et, glassCardVariants as Dt } from "./ui/glass-card.js";
|
|
|
37
37
|
import { EmphasisPanel as Ot } from "./ui/emphasis-panel.js";
|
|
38
38
|
import { ShowMore as kt } from "./ui/show-more.js";
|
|
39
39
|
import { CTAOverflowMenu as At } from "./ui/cta-overflow-menu.js";
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
|
|
40
|
+
import { ModernLanding as jt } from "./ui/modern-landing.js";
|
|
41
|
+
import { AuroraBackground as Mt } from "./ui/aurora-background.js";
|
|
42
|
+
import { IllustratedEmptyState as Nt, Illustration as Pt } from "./ui/illustration.js";
|
|
43
|
+
import { GradientText as Ft } from "./ui/gradient-text.js";
|
|
44
|
+
import { NextSteps as It, PagePurpose as Lt } from "./ui/guidance.js";
|
|
45
|
+
export { e as Accordion, t as AccordionContent, n as AccordionItem, r as AccordionTrigger, ae as AlertDialog, oe as AlertDialogAction, se as AlertDialogCancel, ce as AlertDialogContent, le as AlertDialogDescription, ue as AlertDialogFooter, de as AlertDialogHeader, fe as AlertDialogOverlay, pe as AlertDialogPortal, me as AlertDialogTitle, he as AlertDialogTrigger, Mt as AuroraBackground, ge as Badge, _ as BottomSheet, v as BottomSheetClose, y as BottomSheetContent, b as BottomSheetDescription, x as BottomSheetFooter, S as BottomSheetHeader, C as BottomSheetTitle, w as BottomSheetTrigger, N as BrandedSplash, U as Button, At as CTAOverflowMenu, ve as Card, ye as CardContent, be as CardDescription, xe as CardFooter, Se as CardHeader, Ce as CardTitle, we as Checkbox, Te as Command, Ee as CommandDialog, De as CommandEmpty, Oe as CommandGroup, ke as CommandInput, Ae as CommandItem, je as CommandList, Me as CommandSeparator, Ne as CommandShortcut, i as Dialog, a as DialogClose, o as DialogContent, s as DialogDescription, c as DialogFooter, l as DialogHeader, u as DialogOverlay, d as DialogPortal, f as DialogTitle, p as DialogTrigger, Pe as DropdownMenu, Fe as DropdownMenuCheckboxItem, Ie as DropdownMenuContent, Le as DropdownMenuGroup, Re as DropdownMenuItem, ze as DropdownMenuLabel, Be as DropdownMenuPortal, Ve as DropdownMenuRadioGroup, He as DropdownMenuRadioItem, Ue as DropdownMenuSeparator, We as DropdownMenuShortcut, Ge as DropdownMenuSub, Ke as DropdownMenuSubContent, qe as DropdownMenuSubTrigger, Je as DropdownMenuTrigger, Ot as EmphasisPanel, ie as EmptyState, m as EntityIdModal, Et as GlassCard, Ft as GradientText, Nt as IllustratedEmptyState, Pt as Illustration, Ye as Input, Xe as Label, jt as ModernLanding, It as NextSteps, g as OptionalFields, Tt as PageContainer, Lt as PagePurpose, te as Pagination, Ze as Popover, Qe as PopoverAnchor, $e as PopoverContent, et as PopoverTrigger, T as ResponsiveDialog, E as ResponsiveDialogClose, D as ResponsiveDialogContent, O as ResponsiveDialogDescription, k as ResponsiveDialogFooter, A as ResponsiveDialogHeader, j as ResponsiveDialogTitle, M as ResponsiveDialogTrigger, re as ResponsiveStack, H as ResponsiveTable, tt as ScrollArea, nt as ScrollBar, G as Select, K as SelectContent, q as SelectGroup, J as SelectItem, Y as SelectLabel, X as SelectScrollDownButton, Z as SelectScrollUpButton, Q as SelectSeparator, $ as SelectTrigger, ee as SelectValue, rt as Separator, it as Sheet, at as SheetClose, ot as SheetContent, st as SheetDescription, ct as SheetFooter, lt as SheetHeader, ut as SheetTitle, dt as SheetTrigger, kt as ShowMore, ft as Skeleton, mt as Spinner, ne as Stepper, ht as Switch, P as Table, F as TableBody, I as TableCaption, L as TableCell, R as TableFooter, z as TableHead, B as TableHeader, V as TableRow, gt as Tabs, _t as TabsContent, vt as TabsList, yt as TabsTrigger, bt as Textarea, pt as Toaster, xt as Tooltip, St as TooltipContent, Ct as TooltipProvider, wt as TooltipTrigger, _e as badgeVariants, W as buttonVariants, Dt as glassCardVariants, h as useEntityIdModal };
|