pixie-design-system-phase3
Version:
A comprehensive React component library for dental practice management applications
1,342 lines • 318 kB
JavaScript
var Kn = Object.defineProperty, Xn = Object.defineProperties;
var Jn = Object.getOwnPropertyDescriptors;
var St = Object.getOwnPropertySymbols;
var Zr = Object.prototype.hasOwnProperty, es = Object.prototype.propertyIsEnumerable;
var Qr = (t, s, r) => s in t ? Kn(t, s, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[s] = r, c = (t, s) => {
for (var r in s || (s = {}))
Zr.call(s, r) && Qr(t, r, s[r]);
if (St)
for (var r of St(s))
es.call(s, r) && Qr(t, r, s[r]);
return t;
}, j = (t, s) => Xn(t, Jn(s));
var f = (t, s) => {
var r = {};
for (var n in t)
Zr.call(t, n) && s.indexOf(n) < 0 && (r[n] = t[n]);
if (t != null && St)
for (var n of St(t))
s.indexOf(n) < 0 && es.call(t, n) && (r[n] = t[n]);
return r;
};
import { clsx as Qn } from "clsx";
import { twMerge as Zn } from "tailwind-merge";
import * as x from "react";
import R, { useState as Ce, useEffect as Os } from "react";
import { Slot as $t } from "@radix-ui/react-slot";
import { cva as Se } from "class-variance-authority";
import { ChevronDown as xe, X as Vt, ChevronDownIcon as eo, Search as ut, CheckIcon as Tr, CircleIcon as Ms, ChevronRightIcon as Ls, Menu as to, ChevronUp as ht, Loader2 as zs, Calendar as Ee, UserPlus as ro, DollarSign as Ut, FileText as $e, CheckCircle as Yt, Activity as hr, Bell as Fs, Mail as $s, Phone as Cr, Clock as bt, AlertTriangle as zt, MessageSquare as so, User as Ft, Filter as ao, Columns as no, ChevronsLeft as oo, ChevronLeft as Sr, ChevronRight as Ie, ChevronsRight as lo, CreditCard as kr, MoreHorizontal as yt, Sun as nr, CloudSnow as ts, Cloud as rs, CloudLightning as io, Eye as co, Wind as ss, CloudRain as as, CloudDrizzle as mo, Moon as uo, Tornado as fo, LayoutGrid as xo, MessageCircle as po, Paperclip as go, Gift as ho, Shield as Vs, Wand as bo, MoreVertical as yo, AlertCircle as Us, Zap as vo, Hourglass as No, XCircle as jo, TrendingUp as wo, TrendingDown as To, Users as Co, UserCheck as So, ArrowLeft as ko, ArrowRight as Ro, Check as Ys, Circle as Hs, XIcon as Eo, GripVertical as Po } from "lucide-react";
import * as re from "@radix-ui/react-dropdown-menu";
import * as ve from "@radix-ui/react-navigation-menu";
import * as te from "@radix-ui/react-dialog";
import { Dialog as _o, DialogContent as Ao } from "@radix-ui/react-dialog";
import * as ft from "@radix-ui/react-accordion";
import * as He from "@radix-ui/react-avatar";
import * as Io from "@radix-ui/react-separator";
import * as ns from "@radix-ui/react-checkbox";
import * as br from "@radix-ui/react-progress";
import { useReactTable as Do, getFilteredRowModel as Oo, getSortedRowModel as Mo, getPaginationRowModel as Lo, getCoreRowModel as zo, flexRender as os } from "@tanstack/react-table";
import { format as Fo } from "date-fns";
import { DayPicker as $o } from "react-day-picker";
import * as Ve from "@radix-ui/react-popover";
import * as Pe from "@radix-ui/react-alert-dialog";
import * as Vo from "@radix-ui/react-aspect-ratio";
import Uo from "embla-carousel-react";
import * as Ge from "@radix-ui/react-collapsible";
import { Command as Ne } from "cmdk";
import * as se from "@radix-ui/react-context-menu";
import { Drawer as je } from "vaul";
import { FormProvider as Yo, useFormContext as Ho, Controller as Go } from "react-hook-form";
import * as Bo from "@radix-ui/react-label";
import * as Rr from "@radix-ui/react-hover-card";
import { OTPInput as Wo, OTPInputContext as qo } from "input-otp";
import * as Z from "@radix-ui/react-menubar";
import * as xt from "@radix-ui/react-radio-group";
import * as Be from "react-resizable-panels";
import * as dt from "@radix-ui/react-scroll-area";
import * as le from "@radix-ui/react-select";
import * as kt from "@radix-ui/react-slider";
import * as yr from "@radix-ui/react-switch";
import * as Le from "@radix-ui/react-tabs";
import * as we from "@radix-ui/react-toast";
import * as Gs from "@radix-ui/react-toggle";
import * as Ht from "@radix-ui/react-toggle-group";
import * as Ue from "@radix-ui/react-tooltip";
function Ko(t) {
return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
}
var Rt = { exports: {} }, ot = {};
/**
* @license React
* react-jsx-runtime.production.js
*
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var ls;
function Xo() {
if (ls) return ot;
ls = 1;
var t = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
function r(n, a, o) {
var l = null;
if (o !== void 0 && (l = "" + o), a.key !== void 0 && (l = "" + a.key), "key" in a) {
o = {};
for (var d in a)
d !== "key" && (o[d] = a[d]);
} else o = a;
return a = o.ref, {
$$typeof: t,
type: n,
key: l,
ref: a !== void 0 ? a : null,
props: o
};
}
return ot.Fragment = s, ot.jsx = r, ot.jsxs = r, ot;
}
var lt = {};
/**
* @license React
* react-jsx-runtime.development.js
*
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var is;
function Jo() {
return is || (is = 1, process.env.NODE_ENV !== "production" && function() {
function t(m) {
if (m == null) return null;
if (typeof m == "function")
return m.$$typeof === ge ? null : m.displayName || m.name || null;
if (typeof m == "string") return m;
switch (m) {
case w:
return "Fragment";
case T:
return "Profiler";
case k:
return "StrictMode";
case C:
return "Suspense";
case B:
return "SuspenseList";
case pe:
return "Activity";
}
if (typeof m == "object")
switch (typeof m.tag == "number" && console.error(
"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
), m.$$typeof) {
case S:
return "Portal";
case $:
return (m.displayName || "Context") + ".Provider";
case A:
return (m._context.displayName || "Context") + ".Consumer";
case V:
var N = m.render;
return m = m.displayName, m || (m = N.displayName || N.name || "", m = m !== "" ? "ForwardRef(" + m + ")" : "ForwardRef"), m;
case X:
return N = m.displayName || null, N !== null ? N : t(m.type) || "Memo";
case K:
N = m._payload, m = m._init;
try {
return t(m(N));
} catch (_) {
}
}
return null;
}
function s(m) {
return "" + m;
}
function r(m) {
try {
s(m);
var N = !1;
} catch (D) {
N = !0;
}
if (N) {
N = console;
var _ = N.error, I = typeof Symbol == "function" && Symbol.toStringTag && m[Symbol.toStringTag] || m.constructor.name || "Object";
return _.call(
N,
"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
I
), s(m);
}
}
function n(m) {
if (m === w) return "<>";
if (typeof m == "object" && m !== null && m.$$typeof === K)
return "<...>";
try {
var N = t(m);
return N ? "<" + N + ">" : "<...>";
} catch (_) {
return "<...>";
}
}
function a() {
var m = de.A;
return m === null ? null : m.getOwner();
}
function o() {
return Error("react-stack-top-frame");
}
function l(m) {
if (ce.call(m, "key")) {
var N = Object.getOwnPropertyDescriptor(m, "key").get;
if (N && N.isReactWarning) return !1;
}
return m.key !== void 0;
}
function d(m, N) {
function _() {
fe || (fe = !0, console.error(
"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
N
));
}
_.isReactWarning = !0, Object.defineProperty(m, "key", {
get: _,
configurable: !0
});
}
function p() {
var m = t(this.type);
return ne[m] || (ne[m] = !0, console.error(
"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
)), m = this.props.ref, m !== void 0 ? m : null;
}
function g(m, N, _, I, D, z, M, F) {
return _ = z.ref, m = {
$$typeof: v,
type: m,
key: N,
props: z,
_owner: D
}, (_ !== void 0 ? _ : null) !== null ? Object.defineProperty(m, "ref", {
enumerable: !1,
get: p
}) : Object.defineProperty(m, "ref", { enumerable: !1, value: null }), m._store = {}, Object.defineProperty(m._store, "validated", {
configurable: !1,
enumerable: !1,
writable: !0,
value: 0
}), Object.defineProperty(m, "_debugInfo", {
configurable: !1,
enumerable: !1,
writable: !0,
value: null
}), Object.defineProperty(m, "_debugStack", {
configurable: !1,
enumerable: !1,
writable: !0,
value: M
}), Object.defineProperty(m, "_debugTask", {
configurable: !1,
enumerable: !1,
writable: !0,
value: F
}), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
}
function b(m, N, _, I, D, z, M, F) {
var O = N.children;
if (O !== void 0)
if (I)
if (he(O)) {
for (I = 0; I < O.length; I++)
y(O[I]);
Object.freeze && Object.freeze(O);
} else
console.error(
"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
);
else y(O);
if (ce.call(N, "key")) {
O = t(m);
var H = Object.keys(N).filter(function(oe) {
return oe !== "key";
});
I = 0 < H.length ? "{key: someKey, " + H.join(": ..., ") + ": ...}" : "{key: someKey}", W[O + I] || (H = 0 < H.length ? "{" + H.join(": ..., ") + ": ...}" : "{}", console.error(
`A props object containing a "key" prop is being spread into JSX:
let props = %s;
<%s {...props} />
React keys must be passed directly to JSX without using spread:
let props = %s;
<%s key={someKey} {...props} />`,
I,
O,
H,
O
), W[O + I] = !0);
}
if (O = null, _ !== void 0 && (r(_), O = "" + _), l(N) && (r(N.key), O = "" + N.key), "key" in N) {
_ = {};
for (var Y in N)
Y !== "key" && (_[Y] = N[Y]);
} else _ = N;
return O && d(
_,
typeof m == "function" ? m.displayName || m.name || "Unknown" : m
), g(
m,
O,
z,
D,
a(),
_,
M,
F
);
}
function y(m) {
typeof m == "object" && m !== null && m.$$typeof === v && m._store && (m._store.validated = 1);
}
var h = R, v = Symbol.for("react.transitional.element"), S = Symbol.for("react.portal"), w = Symbol.for("react.fragment"), k = Symbol.for("react.strict_mode"), T = Symbol.for("react.profiler"), A = Symbol.for("react.consumer"), $ = Symbol.for("react.context"), V = Symbol.for("react.forward_ref"), C = Symbol.for("react.suspense"), B = Symbol.for("react.suspense_list"), X = Symbol.for("react.memo"), K = Symbol.for("react.lazy"), pe = Symbol.for("react.activity"), ge = Symbol.for("react.client.reference"), de = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ce = Object.prototype.hasOwnProperty, he = Array.isArray, ie = console.createTask ? console.createTask : function() {
return null;
};
h = {
react_stack_bottom_frame: function(m) {
return m();
}
};
var fe, ne = {}, U = h.react_stack_bottom_frame.bind(
h,
o
)(), ae = ie(n(o)), W = {};
lt.Fragment = w, lt.jsx = function(m, N, _, I, D) {
var z = 1e4 > de.recentlyCreatedOwnerStacks++;
return b(
m,
N,
_,
!1,
I,
D,
z ? Error("react-stack-top-frame") : U,
z ? ie(n(m)) : ae
);
}, lt.jsxs = function(m, N, _, I, D) {
var z = 1e4 > de.recentlyCreatedOwnerStacks++;
return b(
m,
N,
_,
!0,
I,
D,
z ? Error("react-stack-top-frame") : U,
z ? ie(n(m)) : ae
);
};
}()), lt;
}
var ds;
function Qo() {
return ds || (ds = 1, process.env.NODE_ENV === "production" ? Rt.exports = Xo() : Rt.exports = Jo()), Rt.exports;
}
var e = Qo();
function i(...t) {
return Zn(Qn(t));
}
var Et = { exports: {} }, Pt = { exports: {} }, J = {};
/** @license React v16.13.1
* react-is.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var cs;
function Zo() {
if (cs) return J;
cs = 1;
var t = typeof Symbol == "function" && Symbol.for, s = t ? Symbol.for("react.element") : 60103, r = t ? Symbol.for("react.portal") : 60106, n = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, l = t ? Symbol.for("react.provider") : 60109, d = t ? Symbol.for("react.context") : 60110, p = t ? Symbol.for("react.async_mode") : 60111, g = t ? Symbol.for("react.concurrent_mode") : 60111, b = t ? Symbol.for("react.forward_ref") : 60112, y = t ? Symbol.for("react.suspense") : 60113, h = t ? Symbol.for("react.suspense_list") : 60120, v = t ? Symbol.for("react.memo") : 60115, S = t ? Symbol.for("react.lazy") : 60116, w = t ? Symbol.for("react.block") : 60121, k = t ? Symbol.for("react.fundamental") : 60117, T = t ? Symbol.for("react.responder") : 60118, A = t ? Symbol.for("react.scope") : 60119;
function $(C) {
if (typeof C == "object" && C !== null) {
var B = C.$$typeof;
switch (B) {
case s:
switch (C = C.type, C) {
case p:
case g:
case n:
case o:
case a:
case y:
return C;
default:
switch (C = C && C.$$typeof, C) {
case d:
case b:
case S:
case v:
case l:
return C;
default:
return B;
}
}
case r:
return B;
}
}
}
function V(C) {
return $(C) === g;
}
return J.AsyncMode = p, J.ConcurrentMode = g, J.ContextConsumer = d, J.ContextProvider = l, J.Element = s, J.ForwardRef = b, J.Fragment = n, J.Lazy = S, J.Memo = v, J.Portal = r, J.Profiler = o, J.StrictMode = a, J.Suspense = y, J.isAsyncMode = function(C) {
return V(C) || $(C) === p;
}, J.isConcurrentMode = V, J.isContextConsumer = function(C) {
return $(C) === d;
}, J.isContextProvider = function(C) {
return $(C) === l;
}, J.isElement = function(C) {
return typeof C == "object" && C !== null && C.$$typeof === s;
}, J.isForwardRef = function(C) {
return $(C) === b;
}, J.isFragment = function(C) {
return $(C) === n;
}, J.isLazy = function(C) {
return $(C) === S;
}, J.isMemo = function(C) {
return $(C) === v;
}, J.isPortal = function(C) {
return $(C) === r;
}, J.isProfiler = function(C) {
return $(C) === o;
}, J.isStrictMode = function(C) {
return $(C) === a;
}, J.isSuspense = function(C) {
return $(C) === y;
}, J.isValidElementType = function(C) {
return typeof C == "string" || typeof C == "function" || C === n || C === g || C === o || C === a || C === y || C === h || typeof C == "object" && C !== null && (C.$$typeof === S || C.$$typeof === v || C.$$typeof === l || C.$$typeof === d || C.$$typeof === b || C.$$typeof === k || C.$$typeof === T || C.$$typeof === A || C.$$typeof === w);
}, J.typeOf = $, J;
}
var Q = {};
/** @license React v16.13.1
* react-is.development.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var ms;
function el() {
return ms || (ms = 1, process.env.NODE_ENV !== "production" && function() {
var t = typeof Symbol == "function" && Symbol.for, s = t ? Symbol.for("react.element") : 60103, r = t ? Symbol.for("react.portal") : 60106, n = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, l = t ? Symbol.for("react.provider") : 60109, d = t ? Symbol.for("react.context") : 60110, p = t ? Symbol.for("react.async_mode") : 60111, g = t ? Symbol.for("react.concurrent_mode") : 60111, b = t ? Symbol.for("react.forward_ref") : 60112, y = t ? Symbol.for("react.suspense") : 60113, h = t ? Symbol.for("react.suspense_list") : 60120, v = t ? Symbol.for("react.memo") : 60115, S = t ? Symbol.for("react.lazy") : 60116, w = t ? Symbol.for("react.block") : 60121, k = t ? Symbol.for("react.fundamental") : 60117, T = t ? Symbol.for("react.responder") : 60118, A = t ? Symbol.for("react.scope") : 60119;
function $(E) {
return typeof E == "string" || typeof E == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
E === n || E === g || E === o || E === a || E === y || E === h || typeof E == "object" && E !== null && (E.$$typeof === S || E.$$typeof === v || E.$$typeof === l || E.$$typeof === d || E.$$typeof === b || E.$$typeof === k || E.$$typeof === T || E.$$typeof === A || E.$$typeof === w);
}
function V(E) {
if (typeof E == "object" && E !== null) {
var be = E.$$typeof;
switch (be) {
case s:
var ye = E.type;
switch (ye) {
case p:
case g:
case n:
case o:
case a:
case y:
return ye;
default:
var ze = ye && ye.$$typeof;
switch (ze) {
case d:
case b:
case S:
case v:
case l:
return ze;
default:
return be;
}
}
case r:
return be;
}
}
}
var C = p, B = g, X = d, K = l, pe = s, ge = b, de = n, ce = S, he = v, ie = r, fe = o, ne = a, U = y, ae = !1;
function W(E) {
return ae || (ae = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), m(E) || V(E) === p;
}
function m(E) {
return V(E) === g;
}
function N(E) {
return V(E) === d;
}
function _(E) {
return V(E) === l;
}
function I(E) {
return typeof E == "object" && E !== null && E.$$typeof === s;
}
function D(E) {
return V(E) === b;
}
function z(E) {
return V(E) === n;
}
function M(E) {
return V(E) === S;
}
function F(E) {
return V(E) === v;
}
function O(E) {
return V(E) === r;
}
function H(E) {
return V(E) === o;
}
function Y(E) {
return V(E) === a;
}
function oe(E) {
return V(E) === y;
}
Q.AsyncMode = C, Q.ConcurrentMode = B, Q.ContextConsumer = X, Q.ContextProvider = K, Q.Element = pe, Q.ForwardRef = ge, Q.Fragment = de, Q.Lazy = ce, Q.Memo = he, Q.Portal = ie, Q.Profiler = fe, Q.StrictMode = ne, Q.Suspense = U, Q.isAsyncMode = W, Q.isConcurrentMode = m, Q.isContextConsumer = N, Q.isContextProvider = _, Q.isElement = I, Q.isForwardRef = D, Q.isFragment = z, Q.isLazy = M, Q.isMemo = F, Q.isPortal = O, Q.isProfiler = H, Q.isStrictMode = Y, Q.isSuspense = oe, Q.isValidElementType = $, Q.typeOf = V;
}()), Q;
}
var us;
function Bs() {
return us || (us = 1, process.env.NODE_ENV === "production" ? Pt.exports = Zo() : Pt.exports = el()), Pt.exports;
}
/*
object-assign
(c) Sindre Sorhus
@license MIT
*/
var or, fs;
function tl() {
if (fs) return or;
fs = 1;
var t = Object.getOwnPropertySymbols, s = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
function n(o) {
if (o == null)
throw new TypeError("Object.assign cannot be called with null or undefined");
return Object(o);
}
function a() {
try {
if (!Object.assign)
return !1;
var o = new String("abc");
if (o[5] = "de", Object.getOwnPropertyNames(o)[0] === "5")
return !1;
for (var l = {}, d = 0; d < 10; d++)
l["_" + String.fromCharCode(d)] = d;
var p = Object.getOwnPropertyNames(l).map(function(b) {
return l[b];
});
if (p.join("") !== "0123456789")
return !1;
var g = {};
return "abcdefghijklmnopqrst".split("").forEach(function(b) {
g[b] = b;
}), Object.keys(Object.assign({}, g)).join("") === "abcdefghijklmnopqrst";
} catch (b) {
return !1;
}
}
return or = a() ? Object.assign : function(o, l) {
for (var d, p = n(o), g, b = 1; b < arguments.length; b++) {
d = Object(arguments[b]);
for (var y in d)
s.call(d, y) && (p[y] = d[y]);
if (t) {
g = t(d);
for (var h = 0; h < g.length; h++)
r.call(d, g[h]) && (p[g[h]] = d[g[h]]);
}
}
return p;
}, or;
}
var lr, xs;
function Er() {
if (xs) return lr;
xs = 1;
var t = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
return lr = t, lr;
}
var ir, ps;
function Ws() {
return ps || (ps = 1, ir = Function.call.bind(Object.prototype.hasOwnProperty)), ir;
}
var dr, gs;
function rl() {
if (gs) return dr;
gs = 1;
var t = function() {
};
if (process.env.NODE_ENV !== "production") {
var s = /* @__PURE__ */ Er(), r = {}, n = /* @__PURE__ */ Ws();
t = function(o) {
var l = "Warning: " + o;
typeof console != "undefined" && console.error(l);
try {
throw new Error(l);
} catch (d) {
}
};
}
function a(o, l, d, p, g) {
if (process.env.NODE_ENV !== "production") {
for (var b in o)
if (n(o, b)) {
var y;
try {
if (typeof o[b] != "function") {
var h = Error(
(p || "React class") + ": " + d + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
);
throw h.name = "Invariant Violation", h;
}
y = o[b](l, b, p, d, null, s);
} catch (S) {
y = S;
}
if (y && !(y instanceof Error) && t(
(p || "React class") + ": type specification of " + d + " `" + b + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof y + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
), y instanceof Error && !(y.message in r)) {
r[y.message] = !0;
var v = g ? g() : "";
t(
"Failed " + d + " type: " + y.message + (v != null ? v : "")
);
}
}
}
}
return a.resetWarningCache = function() {
process.env.NODE_ENV !== "production" && (r = {});
}, dr = a, dr;
}
var cr, hs;
function sl() {
if (hs) return cr;
hs = 1;
var t = Bs(), s = tl(), r = /* @__PURE__ */ Er(), n = /* @__PURE__ */ Ws(), a = /* @__PURE__ */ rl(), o = function() {
};
process.env.NODE_ENV !== "production" && (o = function(d) {
var p = "Warning: " + d;
typeof console != "undefined" && console.error(p);
try {
throw new Error(p);
} catch (g) {
}
});
function l() {
return null;
}
return cr = function(d, p) {
var g = typeof Symbol == "function" && Symbol.iterator, b = "@@iterator";
function y(m) {
var N = m && (g && m[g] || m[b]);
if (typeof N == "function")
return N;
}
var h = "<<anonymous>>", v = {
array: T("array"),
bigint: T("bigint"),
bool: T("boolean"),
func: T("function"),
number: T("number"),
object: T("object"),
string: T("string"),
symbol: T("symbol"),
any: A(),
arrayOf: $,
element: V(),
elementType: C(),
instanceOf: B,
node: ge(),
objectOf: K,
oneOf: X,
oneOfType: pe,
shape: ce,
exact: he
};
function S(m, N) {
return m === N ? m !== 0 || 1 / m === 1 / N : m !== m && N !== N;
}
function w(m, N) {
this.message = m, this.data = N && typeof N == "object" ? N : {}, this.stack = "";
}
w.prototype = Error.prototype;
function k(m) {
if (process.env.NODE_ENV !== "production")
var N = {}, _ = 0;
function I(z, M, F, O, H, Y, oe) {
if (O = O || h, Y = Y || F, oe !== r) {
if (p) {
var E = new Error(
"Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
);
throw E.name = "Invariant Violation", E;
} else if (process.env.NODE_ENV !== "production" && typeof console != "undefined") {
var be = O + ":" + F;
!N[be] && // Avoid spamming the console because they are often not actionable except for lib authors
_ < 3 && (o(
"You are manually calling a React.PropTypes validation function for the `" + Y + "` prop on `" + O + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
), N[be] = !0, _++);
}
}
return M[F] == null ? z ? M[F] === null ? new w("The " + H + " `" + Y + "` is marked as required " + ("in `" + O + "`, but its value is `null`.")) : new w("The " + H + " `" + Y + "` is marked as required in " + ("`" + O + "`, but its value is `undefined`.")) : null : m(M, F, O, H, Y);
}
var D = I.bind(null, !1);
return D.isRequired = I.bind(null, !0), D;
}
function T(m) {
function N(_, I, D, z, M, F) {
var O = _[I], H = ne(O);
if (H !== m) {
var Y = U(O);
return new w(
"Invalid " + z + " `" + M + "` of type " + ("`" + Y + "` supplied to `" + D + "`, expected ") + ("`" + m + "`."),
{ expectedType: m }
);
}
return null;
}
return k(N);
}
function A() {
return k(l);
}
function $(m) {
function N(_, I, D, z, M) {
if (typeof m != "function")
return new w("Property `" + M + "` of component `" + D + "` has invalid PropType notation inside arrayOf.");
var F = _[I];
if (!Array.isArray(F)) {
var O = ne(F);
return new w("Invalid " + z + " `" + M + "` of type " + ("`" + O + "` supplied to `" + D + "`, expected an array."));
}
for (var H = 0; H < F.length; H++) {
var Y = m(F, H, D, z, M + "[" + H + "]", r);
if (Y instanceof Error)
return Y;
}
return null;
}
return k(N);
}
function V() {
function m(N, _, I, D, z) {
var M = N[_];
if (!d(M)) {
var F = ne(M);
return new w("Invalid " + D + " `" + z + "` of type " + ("`" + F + "` supplied to `" + I + "`, expected a single ReactElement."));
}
return null;
}
return k(m);
}
function C() {
function m(N, _, I, D, z) {
var M = N[_];
if (!t.isValidElementType(M)) {
var F = ne(M);
return new w("Invalid " + D + " `" + z + "` of type " + ("`" + F + "` supplied to `" + I + "`, expected a single ReactElement type."));
}
return null;
}
return k(m);
}
function B(m) {
function N(_, I, D, z, M) {
if (!(_[I] instanceof m)) {
var F = m.name || h, O = W(_[I]);
return new w("Invalid " + z + " `" + M + "` of type " + ("`" + O + "` supplied to `" + D + "`, expected ") + ("instance of `" + F + "`."));
}
return null;
}
return k(N);
}
function X(m) {
if (!Array.isArray(m))
return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? o(
"Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
) : o("Invalid argument supplied to oneOf, expected an array.")), l;
function N(_, I, D, z, M) {
for (var F = _[I], O = 0; O < m.length; O++)
if (S(F, m[O]))
return null;
var H = JSON.stringify(m, function(oe, E) {
var be = U(E);
return be === "symbol" ? String(E) : E;
});
return new w("Invalid " + z + " `" + M + "` of value `" + String(F) + "` " + ("supplied to `" + D + "`, expected one of " + H + "."));
}
return k(N);
}
function K(m) {
function N(_, I, D, z, M) {
if (typeof m != "function")
return new w("Property `" + M + "` of component `" + D + "` has invalid PropType notation inside objectOf.");
var F = _[I], O = ne(F);
if (O !== "object")
return new w("Invalid " + z + " `" + M + "` of type " + ("`" + O + "` supplied to `" + D + "`, expected an object."));
for (var H in F)
if (n(F, H)) {
var Y = m(F, H, D, z, M + "." + H, r);
if (Y instanceof Error)
return Y;
}
return null;
}
return k(N);
}
function pe(m) {
if (!Array.isArray(m))
return process.env.NODE_ENV !== "production" && o("Invalid argument supplied to oneOfType, expected an instance of array."), l;
for (var N = 0; N < m.length; N++) {
var _ = m[N];
if (typeof _ != "function")
return o(
"Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ae(_) + " at index " + N + "."
), l;
}
function I(D, z, M, F, O) {
for (var H = [], Y = 0; Y < m.length; Y++) {
var oe = m[Y], E = oe(D, z, M, F, O, r);
if (E == null)
return null;
E.data && n(E.data, "expectedType") && H.push(E.data.expectedType);
}
var be = H.length > 0 ? ", expected one of type [" + H.join(", ") + "]" : "";
return new w("Invalid " + F + " `" + O + "` supplied to " + ("`" + M + "`" + be + "."));
}
return k(I);
}
function ge() {
function m(N, _, I, D, z) {
return ie(N[_]) ? null : new w("Invalid " + D + " `" + z + "` supplied to " + ("`" + I + "`, expected a ReactNode."));
}
return k(m);
}
function de(m, N, _, I, D) {
return new w(
(m || "React class") + ": " + N + " type `" + _ + "." + I + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + D + "`."
);
}
function ce(m) {
function N(_, I, D, z, M) {
var F = _[I], O = ne(F);
if (O !== "object")
return new w("Invalid " + z + " `" + M + "` of type `" + O + "` " + ("supplied to `" + D + "`, expected `object`."));
for (var H in m) {
var Y = m[H];
if (typeof Y != "function")
return de(D, z, M, H, U(Y));
var oe = Y(F, H, D, z, M + "." + H, r);
if (oe)
return oe;
}
return null;
}
return k(N);
}
function he(m) {
function N(_, I, D, z, M) {
var F = _[I], O = ne(F);
if (O !== "object")
return new w("Invalid " + z + " `" + M + "` of type `" + O + "` " + ("supplied to `" + D + "`, expected `object`."));
var H = s({}, _[I], m);
for (var Y in H) {
var oe = m[Y];
if (n(m, Y) && typeof oe != "function")
return de(D, z, M, Y, U(oe));
if (!oe)
return new w(
"Invalid " + z + " `" + M + "` key `" + Y + "` supplied to `" + D + "`.\nBad object: " + JSON.stringify(_[I], null, " ") + `
Valid keys: ` + JSON.stringify(Object.keys(m), null, " ")
);
var E = oe(F, Y, D, z, M + "." + Y, r);
if (E)
return E;
}
return null;
}
return k(N);
}
function ie(m) {
switch (typeof m) {
case "number":
case "string":
case "undefined":
return !0;
case "boolean":
return !m;
case "object":
if (Array.isArray(m))
return m.every(ie);
if (m === null || d(m))
return !0;
var N = y(m);
if (N) {
var _ = N.call(m), I;
if (N !== m.entries) {
for (; !(I = _.next()).done; )
if (!ie(I.value))
return !1;
} else
for (; !(I = _.next()).done; ) {
var D = I.value;
if (D && !ie(D[1]))
return !1;
}
} else
return !1;
return !0;
default:
return !1;
}
}
function fe(m, N) {
return m === "symbol" ? !0 : N ? N["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && N instanceof Symbol : !1;
}
function ne(m) {
var N = typeof m;
return Array.isArray(m) ? "array" : m instanceof RegExp ? "object" : fe(N, m) ? "symbol" : N;
}
function U(m) {
if (typeof m == "undefined" || m === null)
return "" + m;
var N = ne(m);
if (N === "object") {
if (m instanceof Date)
return "date";
if (m instanceof RegExp)
return "regexp";
}
return N;
}
function ae(m) {
var N = U(m);
switch (N) {
case "array":
case "object":
return "an " + N;
case "boolean":
case "date":
case "regexp":
return "a " + N;
default:
return N;
}
}
function W(m) {
return !m.constructor || !m.constructor.name ? h : m.constructor.name;
}
return v.checkPropTypes = a, v.resetWarningCache = a.resetWarningCache, v.PropTypes = v, v;
}, cr;
}
var mr, bs;
function al() {
if (bs) return mr;
bs = 1;
var t = /* @__PURE__ */ Er();
function s() {
}
function r() {
}
return r.resetWarningCache = s, mr = function() {
function n(l, d, p, g, b, y) {
if (y !== t) {
var h = new Error(
"Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
);
throw h.name = "Invariant Violation", h;
}
}
n.isRequired = n;
function a() {
return n;
}
var o = {
array: n,
bigint: n,
bool: n,
func: n,
number: n,
object: n,
string: n,
symbol: n,
any: n,
arrayOf: a,
element: n,
elementType: n,
instanceOf: a,
node: n,
objectOf: a,
oneOf: a,
oneOfType: a,
shape: a,
exact: a,
checkPropTypes: r,
resetWarningCache: s
};
return o.PropTypes = o, o;
}, mr;
}
var ys;
function nl() {
if (ys) return Et.exports;
if (ys = 1, process.env.NODE_ENV !== "production") {
var t = Bs(), s = !0;
Et.exports = /* @__PURE__ */ sl()(t.isElement, s);
} else
Et.exports = /* @__PURE__ */ al()();
return Et.exports;
}
var ol = /* @__PURE__ */ nl();
const u = /* @__PURE__ */ Ko(ol), Ye = Se(
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring",
{
variants: {
variant: {
default: "bg-sky-100 text-sky-700 border border-sky-200 hover:bg-sky-200",
destructive: "bg-rose-100 text-rose-700 border border-rose-200 hover:bg-rose-200",
success: "bg-emerald-100 text-emerald-700 border border-emerald-200 hover:bg-emerald-200",
warning: "bg-orange-100 text-orange-700 border border-orange-200 hover:bg-orange-200",
neutral: "bg-gray-100 text-gray-700 border border-gray-200 hover:bg-gray-200",
outline: "border border-gray-200 bg-transparent hover:bg-gray-100",
secondary: "bg-purple-100 text-purple-700 border border-purple-200 hover:bg-purple-200",
ghost: "hover:bg-gray-100",
link: "text-sky-700 underline-offset-4 hover:underline"
},
size: {
default: "h-9 px-4 py-2 has-[>svg]:px-3",
sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
icon: "size-9"
}
},
defaultVariants: {
variant: "default",
size: "default"
}
}
), L = x.forwardRef(
(l, o) => {
var d = l, { className: t, variant: s, size: r, asChild: n = !1 } = d, a = f(d, ["className", "variant", "size", "asChild"]);
const p = n ? $t : "button";
return /* @__PURE__ */ e.jsx(
p,
c({
ref: o,
"data-slot": "button",
className: i(Ye({ variant: s, size: r }), t)
}, a)
);
}
);
L.displayName = "Button";
L.propTypes = {
className: u.string,
variant: u.oneOf([
"default",
"destructive",
"success",
"warning",
"neutral",
"outline",
"secondary",
"ghost",
"link"
]),
size: u.oneOf(["default", "sm", "lg", "icon"]),
asChild: u.bool
};
const vs = () => {
if (typeof window == "undefined")
return { isMobile: !1, isTablet: !1, isDesktop: !0 };
const t = window.innerWidth;
return {
isMobile: t < 768,
isTablet: t >= 768 && t < 1024,
isDesktop: t >= 1024
};
}, Pr = () => {
const [t, s] = Ce(vs);
return Os(() => {
const r = () => s(vs());
r();
const n = window.matchMedia("(max-width: 767.98px)"), a = window.matchMedia("(min-width: 768px) and (max-width: 1023.98px)");
return window.addEventListener("resize", r), n.addEventListener("change", r), a.addEventListener("change", r), () => {
window.removeEventListener("resize", r), n.removeEventListener("change", r), a.removeEventListener("change", r);
};
}, []), t;
};
function ll({ activeKey: t, onNavigate: s, subNav: r }) {
const [n, a] = R.useState(!1), [o, l] = R.useState(null), [d, p] = R.useState(null), [g, b] = R.useState(!1), { isMobile: y, isTablet: h } = Pr(), v = o || d, S = R.useMemo(() => !!(r != null && r.navigationData && v), [r == null ? void 0 : r.navigationData, v]), w = R.useMemo(() => {
if (r)
return r.variant === "sheet" ? "sheet" : r.variant ? r.variant : y || h ? "sheet" : "card";
}, [r, y, h]), k = R.useMemo(() => w === "sheet" ? (r == null ? void 0 : r.side) || (y ? "bottom" : "left") : void 0, [w, r == null ? void 0 : r.side, y]), T = R.useMemo(() => w === "sheet" ? (r == null ? void 0 : r.isOpen) !== void 0 ? r.isOpen : g : void 0, [w, r == null ? void 0 : r.isOpen, g]), A = R.useMemo(() => w === "sheet" ? d || (r == null ? void 0 : r.activeTab) || "" : v || (r == null ? void 0 : r.activeTab) || "", [w, d, v, r == null ? void 0 : r.activeTab]), $ = R.useRef(!1);
return R.useEffect(() => {
if (!$.current) {
$.current = !0;
return;
}
t && p(t);
}, [t]), R.useEffect(() => {
r && (y || h) && d && b(!0);
}, [y, h, d, r]), R.useEffect(() => {
w === "card" && g && b(!1);
}, [w, g]), {
isSearchOpen: n,
toggleSearch: () => a((X) => !X),
hoveredItem: o,
setHoveredItem: l,
selectedItem: d,
isMobile: y,
isTablet: h,
shouldShowSubNav: S,
resolvedVariant: w,
resolvedSide: k,
resolvedIsOpen: T,
renderedActiveTab: A,
handleNavItemClick: (X) => {
d === X ? (p(null), b(!1)) : (p(X), s == null || s(X), (h || y) && b(!0));
},
handleSubNavClose: () => {
w === "card" ? (l(null), p(null)) : b(!1);
}
};
}
const vt = R.forwardRef(
(l, o) => {
var d = l, { as: t = "a", href: s, children: r, onClick: n } = d, a = f(d, ["as", "href", "children", "onClick"]);
const p = c(t === "a" ? { href: s } : { to: s }, a);
return /* @__PURE__ */ e.jsx(
t,
j(c({
ref: o
}, p), {
onClick: n,
children: r
})
);
}
);
vt.displayName = "NavigationLink";
const _r = ({
title: t,
items: s,
activeItem: r,
isExpanded: n = !1,
onToggle: a,
onItemClick: o,
showBorder: l = !1,
variant: d = "card",
linkComponent: p
}) => {
const g = R.useId(), b = R.useId(), y = (h) => p ? /* @__PURE__ */ e.jsx(
vt,
{
as: p,
href: h.href,
className: i(
"block w-full text-left font-normal px-2 py-2 text-sm rounded-md",
"text-gray-700 hover:text-gray-900 hover:bg-gray-50",
r === h.href && "text-sky-700 bg-sky-50"
),
"aria-current": r === h.href ? "page" : void 0,
onClick: (v) => {
o == null || o(t, h.href);
},
children: h.label
},
h.href
) : /* @__PURE__ */ e.jsx(
L,
{
variant: "ghost",
className: i(
"w-full justify-start text-left font-normal px-2 py-2 h-auto text-sm rounded-md",
"text-gray-700 hover:text-gray-900 hover:bg-gray-50",
r === h.href && "text-sky-700 bg-sky-50"
),
type: "button",
"aria-current": r === h.href ? "page" : void 0,
onClick: (v) => {
v.preventDefault(), o == null || o(t, h.href);
},
children: h.label
},
h.href
);
return d === "card" ? /* @__PURE__ */ e.jsxs("div", { className: "bg-white rounded-lg p-4", children: [
/* @__PURE__ */ e.jsx("h3", { className: "text-sm font-semibold text-sky-700 mb-3", children: t }),
/* @__PURE__ */ e.jsx("div", { className: "space-y-1", children: s.map(y) })
] }) : /* @__PURE__ */ e.jsxs("div", { className: i(l && "border-b border-gray-100"), children: [
/* @__PURE__ */ e.jsxs(
"button",
{
type: "button",
onClick: a,
id: g,
"aria-expanded": n,
"aria-controls": b,
className: "w-full flex items-center justify-between py-3 px-2 text-left hover:bg-gray-50 rounded transition-colors",
children: [
/* @__PURE__ */ e.jsx("span", { className: "text-sm font-medium text-gray-900", children: t }),
/* @__PURE__ */ e.jsx(
xe,
{
className: i(
"w-4 h-4 text-gray-400 transition-transform",
n && "rotate-180"
)
}
)
]
}
),
n && /* @__PURE__ */ e.jsx("div", { className: "pb-3 space-y-1", id: b, role: "region", "aria-labelledby": g, children: s.map(y) })
] });
};
_r.displayName = "SubNavSection";
const Ar = ({
activities: t,
isExpanded: s = !1,
onToggle: r,
onViewAll: n,
variant: a = "card"
}) => {
if (!t || t.length === 0) return null;
const o = R.useId(), l = (d, p) => {
const g = d.icon;
return /* @__PURE__ */ e.jsx("div", { className: "px-4 py-2 hover:bg-gray-50 rounded transition-colors", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-3", children: [
/* @__PURE__ */ e.jsx("div", { className: "mt-0.5 flex-shrink-0", children: /* @__PURE__ */ e.jsx(g, { className: "w-4 h-4 text-gray-400" }) }),
/* @__PURE__ */ e.jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ e.jsxs("div", { className: "text-sm", children: [
/* @__PURE__ */ e.jsx("span", { className: "font-medium text-gray-900", children: d.action }),
d.description && /* @__PURE__ */ e.jsxs("span", { className: "text-gray-600", children: [
" ",
d.description,
" "
] }),
d.patient && /* @__PURE__ */ e.jsx("button", { className: "text-sky-600 hover:text-sky-700 font-medium", children: d.patient })
] }) }),
/* @__PURE__ */ e.jsx("span", { className: "text-xs text-gray-500 ml-2", children: d.timestamp })
] }) }, p);
};
return a === "card" ? /* @__PURE__ */ e.jsxs("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200 p-5", children: [
/* @__PURE__ */ e.jsxs("div", { className: "flex justify-between items-center mb-4", children: [
/* @__PURE__ */ e.jsx("h3", { className: "text-base font-semibold text-gray-900", children: "Recent Activities" }),
n && /* @__PURE__ */ e.jsx(
"button",
{
type: "button",
className: "text-sm text-sky-600 hover:text-sky-700 font-medium",
onClick: n,
children: "View all"
}
)
] }),
/* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: t.slice(0, 5).map(l) })
] }) : /* @__PURE__ */ e.jsxs("div", { className: "border-b border-gray-100", children: [
/* @__PURE__ */ e.jsxs(
"button",
{
type: "button",
onClick: r,
"aria-expanded": s,
"aria-controls": o,
className: "w-full flex items-center justify-between py-3 px-2 text-left hover:bg-gray-50 rounded transition-colors",
children: [
/* @__PURE__ */ e.jsx("span", { className: "text-sm font-medium text-gray-900", children: "Recent Activities" }),
/* @__PURE__ */ e.jsx(
xe,
{
className: i(
"w-4 h-4 text-gray-400 transition-transform",
s && "rotate-180"
)
}
)
]
}
),
s && /* @__PURE__ */ e.jsxs("div", { className: "pb-3", id: o, role: "region", "aria-label": "Recent Activities", children: [
t.map(l),
n && /* @__PURE__ */ e.jsx(
"button",
{
type: "button",
className: "w-full text-center py-2 text-sm text-blue-600 hover:text-blue-700 font-medium",
onClick: n,
children: "👁 View all"
}
)
] })
] });
};
Ar.displayName = "SubNavActivities";
const Ir = ({
details: t,
isExpanded: s = !1,
onToggle: r,
onOpenRecord: n,
variant: a = "card"
}) => {
if (!t) return null;
const o = R.useId(), l = () => /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
/* @__PURE__ */ e.jsxs("div", { className: "text-sm", children: [
/* @__PURE__ */ e.jsx("span", { className: "font-medium text-gray-900", children: t.action }),
t.description && /* @__PURE__ */ e.jsxs("span", { className: "text-gray-600", children: [
" ",
t.description,
" "
] }),
t.patient && /* @__PURE__ */ e.jsx("button", { className: "text-sky-600 hover:text-sky-700 font-medium", children: t.patient })
] }),
/* @__PURE__ */ e.jsx("div", { className: "text-xs text-gray-500 mt-2", children: t.timestamp }),
/* @__PURE__ */ e.jsxs("div", { className: "pt-3 mt-3 border-t border-gray-100 space-y-2", children: [
t.location && /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between text-sm", children: [
/* @__PURE__ */ e.jsx("span", { className: "text-gray-500", children: "Location:" }),
/* @__PURE__ */ e.jsx("span", { className: "text-gray-700", children: t.location })
] }),
t.date && /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between text-sm", children: [
/* @__PURE__ */ e.jsx("span", { className: "text-gray-500", children: "Date:" }),
/* @__PURE__ */ e.jsx("span", { className: "text-gray-700", children: t.date })
] }),
t.provider && /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between text-sm", children: [
/* @__PURE__ */ e.jsx("span", { className: "text-gray-500", children: "Provider:" }),
/* @__PURE__ */ e.jsx("span", { className: "text-gray-700", children: t.provider })
] }),
t.op && /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between text-sm", children: [
/* @__PURE__ */ e.jsx("span", { className: "text-gray-500", children: "Op:" }),
/* @__PURE__ */ e.jsx("span", { className: "text-gray-700", children: t.op })
] })
] })
] }) });
return a === "card" ? /* @__PURE__ */ e.jsxs("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200 p-5", children: [
/* @__PURE__ */ e.jsxs("div", { className: "flex justify-between items-center mb-4", children: [
/* @__PURE__ */ e.jsx("h3", { className: "text-base font-semibold text-gray-900", children: "Activity Details" }),
n && /* @__PURE__ */ e.jsx(
"button",
{
type: "button",
onClick: n,
className: "text-sm text-sky-600 hove