@msqd/lydia 0.0.0-stage → 0.6.1

package/dist/Components/Toast/ToastContext.js

@@ -0,0 +1,124 @@
+import { jsxs as v, jsx as p } from "react/jsx-runtime";
+import { createContext as b, useState as y, useCallback as a, useContext as C } from "react";
+import { twMerge as P } from "tailwind-merge";
+import { Toast as M } from "./Toast.js";
+const T = b(void 0), S = {
+  "top-right": "top-0 right-0",
+  "top-left": "top-0 left-0",
+  "bottom-right": "bottom-0 right-0",
+  "bottom-left": "bottom-0 left-0",
+  "top-center": "top-0 left-1/2 -translate-x-1/2",
+  "bottom-center": "bottom-0 left-1/2 -translate-x-1/2"
+};
+function $({
+  children: t,
+  defaultDuration: e = 5e3,
+  maxToasts: s = 5,
+  position: n = "top-right"
+}) {
+  const [l, d] = y([]), h = a(
+    (o) => {
+      const c = `toast-${Date.now()}-${Math.floor(Math.random() * 1e4)}`;
+      return d((r) => [
+        ...r.length >= s ? r.slice(1) : r,
+        {
+          ...o,
+          id: c,
+          show: !0,
+          duration: o.duration ?? e
+        }
+      ]), c;
+    },
+    [e, s]
+  ), w = a((o, c) => {
+    d((r) => r.map((i) => i.id === o ? { ...i, ...c } : i));
+  }, []), f = a((o) => {
+    d((c) => {
+      const r = c.find((i) => i.id === o);
+      return r?.onClose && r.onClose(), c.filter((i) => i.id !== o);
+    });
+  }, []), x = a(() => {
+    d([]);
+  }, []), g = n.startsWith("bottom"), m = [...l];
+  return g && m.reverse(), /* @__PURE__ */ v(
+    T.Provider,
+    {
+      value: {
+        toasts: l,
+        addToast: h,
+        updateToast: w,
+        removeToast: f,
+        clearAllToasts: x
+      },
+      children: [
+        t,
+        /* @__PURE__ */ p(
+          "div",
+          {
+            className: P(
+              "fixed z-50 p-4 flex flex-col space-y-4 pointer-events-none max-h-screen overflow-hidden",
+              S[n]
+            ),
+            "aria-live": "polite",
+            children: m.map((o) => /* @__PURE__ */ p(
+              M,
+              {
+                id: o.id,
+                type: o.type,
+                title: o.title,
+                message: o.message,
+                duration: o.duration,
+                show: o.show,
+                onClose: f,
+                className: "pointer-events-auto"
+              },
+              o.id
+            ))
+          }
+        )
+      ]
+    }
+  );
+}
+function u() {
+  const t = C(T);
+  if (t === void 0)
+    throw new Error("useToast must be used within a ToastProvider");
+  return t;
+}
+function k() {
+  const { addToast: t } = u();
+  return a(
+    (e, s, n) => t({ type: "success", title: e, message: s, ...n }),
+    [t]
+  );
+}
+function z() {
+  const { addToast: t } = u();
+  return a(
+    (e, s, n) => t({ type: "error", title: e, message: s, ...n }),
+    [t]
+  );
+}
+function A() {
+  const { addToast: t } = u();
+  return a(
+    (e, s, n) => t({ type: "warning", title: e, message: s, ...n }),
+    [t]
+  );
+}
+function B() {
+  const { addToast: t } = u();
+  return a(
+    (e, s, n) => t({ type: "info", title: e, message: s, ...n }),
+    [t]
+  );
+}
+export {
+  $ as ToastProvider,
+  z as useErrorToast,
+  B as useInfoToast,
+  k as useSuccessToast,
+  u as useToast,
+  A as useWarningToast
+};

package/dist/Components/Toast/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Toast.js";
+export * from "./ToastContext.js";
+export * from "./ToastContainer.js";

package/dist/Components/Toast/index.js

@@ -0,0 +1,13 @@
+import { Toast as r } from "./Toast.js";
+import { ToastProvider as e, useErrorToast as a, useInfoToast as T, useSuccessToast as u, useToast as n, useWarningToast as f } from "./ToastContext.js";
+import { ToastContainer as m } from "./ToastContainer.js";
+export {
+  r as Toast,
+  m as ToastContainer,
+  e as ToastProvider,
+  a as useErrorToast,
+  T as useInfoToast,
+  u as useSuccessToast,
+  n as useToast,
+  f as useWarningToast
+};

package/dist/Components/Typography/HeadingLevel.d.ts

@@ -0,0 +1,28 @@
+import { type ComponentProps, type ReactNode } from "react";
+export type HeadingLevelNumber = 1 | 2 | 3 | 4 | 5 | 6;
+/**
+ * Says which heading level heads the section it wraps, so the headings inside
+ * go one level below it.
+ *
+ * A component dropped into a page cannot know the page's outline: a facet card
+ * headed `h3` and a detail page headed `h1` need their foldables at `h4` and
+ * `h2`. The section around them knows, and says so once, rather than every
+ * consumer threading a level through every component (WCAG 1.3.1, axe
+ * `heading-order`).
+ */
+export interface HeadingLevelProps {
+    level: HeadingLevelNumber;
+    children: ReactNode;
+}
+export declare function HeadingLevel({ level, children }: HeadingLevelProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * The level for a heading inside the current section: one below it, never past
+ * `h6`, or `fallback` outside any section.
+ */
+export declare function useSubheadingLevel(fallback: HeadingLevelNumber): HeadingLevelNumber;
+export interface SubheadingProps extends ComponentProps<"h4"> {
+    /** The level outside any `HeadingLevel`. */
+    fallback?: HeadingLevelNumber;
+}
+/** A heading one level below the section it sits in. */
+export declare function Subheading({ fallback, className, ...props }: SubheadingProps): import("react/jsx-runtime").JSX.Element;

package/dist/Components/Typography/HeadingLevel.js

@@ -0,0 +1,20 @@
+import { jsx as n } from "react/jsx-runtime";
+import { createContext as u, useContext as c } from "react";
+import { twMerge as a } from "tailwind-merge";
+const o = u(void 0);
+function f({ level: t, children: e }) {
+  return /* @__PURE__ */ n(o.Provider, { value: t, children: e });
+}
+function s(t) {
+  const e = c(o);
+  return e === void 0 ? t : Math.min(e + 1, 6);
+}
+function g({ fallback: t = 4, className: e, ...r }) {
+  const i = `h${s(t)}`;
+  return /* @__PURE__ */ n(i, { className: a(e), ...r });
+}
+export {
+  f as HeadingLevel,
+  g as Subheading,
+  s as useSubheadingLevel
+};

package/dist/Components/Typography/Paragraphs.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentProps, FunctionComponent } from "react";
+export interface ParagraphProps extends ComponentProps<"p"> {
+    /**
+     * Additional classes to apply to the paragraph
+     */
+    className?: string;
+}
+export declare const P: FunctionComponent<ParagraphProps>;

package/dist/Components/Typography/Paragraphs.js

@@ -0,0 +1,6 @@
+import { jsx as r } from "react/jsx-runtime";
+import { twMerge as s } from "tailwind-merge";
+const a = "mb-2 text-base text-gray-700", p = ({ className: t, ...e }) => /* @__PURE__ */ r("p", { className: s(a, t), ...e });
+export {
+  p as P
+};

package/dist/Components/Typography/Section.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentProps, FunctionComponent } from "react";
+export interface SectionProps extends ComponentProps<"section"> {
+    /**
+     * Additional classes to apply to the section
+     */
+    className?: string;
+}
+export declare const Section: FunctionComponent<SectionProps>;

package/dist/Components/Typography/Section.js

@@ -0,0 +1,6 @@
+import { jsx as s } from "react/jsx-runtime";
+import { twMerge as t } from "tailwind-merge";
+const r = "mb-6", c = ({ className: e, ...o }) => /* @__PURE__ */ s("section", { className: t(r, e), ...o });
+export {
+  c as Section
+};

package/dist/Components/Typography/Titles.d.ts

@@ -0,0 +1,31 @@
+import type { ComponentProps, FunctionComponent } from "react";
+export interface TitleProps extends ComponentProps<"h1"> {
+    /**
+     * Additional classes to apply to the heading
+     */
+    className?: string;
+}
+export declare const H1: FunctionComponent<TitleProps>;
+export declare const H2: FunctionComponent<TitleProps>;
+export declare const H3: FunctionComponent<TitleProps>;
+export declare const H4: FunctionComponent<TitleProps>;
+export interface H5Props extends TitleProps {
+    /**
+     * Optional padding override
+     */
+    padding?: string;
+    /**
+     * Where this heading sits in the document outline, if that is not `h5`.
+     *
+     * The level and the size are separate questions, and only the consumer can answer the first: a
+     * component dropped into a page it does not own cannot know which heading precedes it. Skipping
+     * levels is an accessibility failure (WCAG 1.3.1) and being the wrong size is a design failure,
+     * so a component that ties the two together forces a choice between them.
+     *
+     * The size does not move with the level. `<H5 level={3} />` is an `h3` that still looks like an
+     * `h5`.
+     */
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+}
+export declare const H5: FunctionComponent<H5Props>;
+export declare const H6: FunctionComponent<TitleProps>;

package/dist/Components/Typography/Titles.js

@@ -0,0 +1,14 @@
+import { jsx as e } from "react/jsx-runtime";
+import { twMerge as r } from "tailwind-merge";
+const a = "font-semibold text-gray-900", p = ({ className: t, ...s }) => /* @__PURE__ */ e("h1", { className: r("pb-6 text-2xl", a, t), ...s }), b = ({ className: t, ...s }) => /* @__PURE__ */ e("h2", { className: r("pb-4 text-xl", a, t), ...s }), H = ({ className: t, ...s }) => /* @__PURE__ */ e("h3", { className: r("pb-4 text-lg", a, t), ...s }), h = ({ className: t, ...s }) => /* @__PURE__ */ e("h4", { className: r("pb-4 text-base", a, t), ...s }), u = ({ className: t, padding: s, level: n = 5, ...o }) => {
+  const c = s || "pb-4", l = `h${n}`;
+  return /* @__PURE__ */ e(l, { className: r(c, "text-sm", a, t), ...o });
+}, N = ({ className: t, ...s }) => /* @__PURE__ */ e("h6", { className: r("pb-4 text-xs", a, t), ...s });
+export {
+  p as H1,
+  b as H2,
+  H as H3,
+  h as H4,
+  u as H5,
+  N as H6
+};

package/dist/Components/Typography/index.d.ts

@@ -0,0 +1,4 @@
+export { H1, H2, H3, H4, H5, H6 } from "./Titles.js";
+export { P } from "./Paragraphs.js";
+export { Section, type SectionProps } from "./Section.js";
+export { HeadingLevel, Subheading, useSubheadingLevel, type HeadingLevelNumber, type HeadingLevelProps, type SubheadingProps, } from "./HeadingLevel.js";

package/dist/Components/Typography/index.js

@@ -0,0 +1,17 @@
+import { H1 as r, H2 as H, H3 as t, H4 as f, H5 as i, H6 as m } from "./Titles.js";
+import { P as p } from "./Paragraphs.js";
+import { Section as a } from "./Section.js";
+import { HeadingLevel as g, Subheading as u, useSubheadingLevel as S } from "./HeadingLevel.js";
+export {
+  r as H1,
+  H as H2,
+  t as H3,
+  f as H4,
+  i as H5,
+  m as H6,
+  g as HeadingLevel,
+  p as P,
+  a as Section,
+  u as Subheading,
+  S as useSubheadingLevel
+};

package/dist/Components/Utilities/Foldable.d.ts

@@ -0,0 +1,42 @@
+import type { ComponentProps, ReactNode } from "react";
+export interface FoldableProps extends Omit<ComponentProps<"div">, "title"> {
+    /**
+     * Whether the foldable is open by default
+     */
+    defaultOpen?: boolean;
+    /**
+     * Title of the foldable section
+     */
+    title: ReactNode;
+    /**
+     * Optional action element to display next to the title (like reset button)
+     */
+    titleAction?: ReactNode;
+    /**
+     * Optional subtitle below the title
+     */
+    subtitle?: ReactNode;
+    /**
+     * Content to display when expanded
+     */
+    children?: ReactNode;
+    /**
+     * Additional CSS classes for the container
+     */
+    className?: string;
+    /**
+     * Where the title sits in the document outline, if that is not `h5`.
+     *
+     * A `Foldable` is dropped into a page it does not own, so only the consumer knows which heading
+     * precedes it. Fixed at `h5`, a rail headed `h2` produces `h2` then `h5`, which skips two levels
+     * and fails WCAG 1.3.1 -- and there was nothing the consumer could pass to fix it.
+     *
+     * The title's size does not move with it.
+     */
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+}
+/**
+ * A foldable component that uses Disclosure from headlessui to manage expand/collapse state.
+ * Ideal for use as full-width subpanes within cards or other containers.
+ */
+export declare function Foldable({ defaultOpen, title, titleAction, subtitle, children, className, headingLevel, ...props }: FoldableProps): import("react/jsx-runtime").JSX.Element;

package/dist/Components/Utilities/Foldable.js

@@ -0,0 +1,39 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { Disclosure as u, DisclosureButton as w, DisclosurePanel as h } from "@headlessui/react";
+import { ChevronUpIcon as v, ChevronDownIcon as x } from "@heroicons/react/24/outline";
+import { useSubheadingLevel as N, HeadingLevel as g } from "../Typography/HeadingLevel.js";
+import { twMerge as t } from "tailwind-merge";
+import { H5 as y } from "../Typography/Titles.js";
+function I({
+  defaultOpen: i = !0,
+  title: m,
+  titleAction: a,
+  subtitle: l,
+  children: s,
+  className: n,
+  headingLevel: c,
+  ...d
+}) {
+  const p = N(5), o = c ?? p;
+  return /* @__PURE__ */ e(u, { defaultOpen: i, children: ({ open: f }) => /* @__PURE__ */ r("div", { className: t("px-4 py-3 relative", n), ...d, children: [
+    /* @__PURE__ */ r("div", { className: "flex w-full items-start", children: [
+      /* @__PURE__ */ e(y, { level: o, padding: "pt-0", className: "flex min-w-0 grow whitespace-nowrap font-normal", children: /* @__PURE__ */ r(
+        w,
+        {
+          className: t("flex w-full items-start text-left", s ? "cursor-pointer" : "cursor-default"),
+          disabled: !s,
+          children: [
+            /* @__PURE__ */ e("span", { className: "grow truncate font-semibold", children: m }),
+            s && (f ? /* @__PURE__ */ e(v, { className: "h-4 w-4 min-w-4 text-gray-600" }) : /* @__PURE__ */ e(x, { className: "h-4 w-4 min-w-4 text-gray-600" }))
+          ]
+        }
+      ) }),
+      a && /* @__PURE__ */ e("div", { className: "ml-2 shrink-0 leading-5", children: a })
+    ] }),
+    l && /* @__PURE__ */ e("div", { className: "mt-1", children: l }),
+    s && /* @__PURE__ */ e(h, { className: "mt-2 space-y-2", children: /* @__PURE__ */ e(g, { level: o, children: s }) })
+  ] }) });
+}
+export {
+  I as Foldable
+};

package/dist/Components/Utilities/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Foldable.js";
+export * from "./useClickOutside.js";

package/dist/Components/Utilities/index.js

@@ -0,0 +1,6 @@
+import { Foldable as r } from "./Foldable.js";
+import { useClickOutside as t } from "./useClickOutside.js";
+export {
+  r as Foldable,
+  t as useClickOutside
+};

package/dist/Components/Utilities/useClickOutside.d.ts

@@ -0,0 +1,21 @@
+import { type RefObject } from "react";
+/** An element (through a ref) or a CSS selector whose clicks do not count as outside. */
+export type ClickOutsideIgnore = RefObject<Element | null> | string;
+export interface UseClickOutsideOptions {
+    /** Called once per mouse down or touch start outside the returned ref and every ignored target. */
+    onClickOutside: (event: MouseEvent | TouchEvent) => void;
+    /** The document listeners exist only while this is true. */
+    enabled?: boolean;
+    /**
+     * Targets that count as inside, on top of the returned ref. Nothing is ignored by default: a
+     * portal the guarded element opens has to be listed.
+     */
+    ignore?: readonly ClickOutsideIgnore[];
+}
+/**
+ * Detects clicks outside an element. Attach the returned ref to the element to guard.
+ *
+ * The latest `onClickOutside` and `ignore` are read at event time, so passing a new function or
+ * array on each render does not re-subscribe.
+ */
+export declare const useClickOutside: <T extends HTMLElement = HTMLElement>({ onClickOutside, enabled, ignore, }: UseClickOutsideOptions) => RefObject<T | null>;

package/dist/Components/Utilities/useClickOutside.js

@@ -0,0 +1,23 @@
+import { useRef as i, useEffect as f } from "react";
+const a = (e, t) => typeof t == "string" ? e.closest(t) !== null : t.current?.contains(e) ?? !1, l = ({
+  onClickOutside: e,
+  enabled: t = !0,
+  ignore: s = []
+}) => {
+  const o = i(null), n = i({ onClickOutside: e, ignore: s });
+  return f(() => {
+    n.current = { onClickOutside: e, ignore: s };
+  }), f(() => {
+    if (!t) return;
+    const r = (c) => {
+      const u = c.target;
+      u instanceof Element && (o.current?.contains(u) || n.current.ignore.some((m) => a(u, m)) || n.current.onClickOutside(c));
+    };
+    return document.addEventListener("mousedown", r, !0), document.addEventListener("touchstart", r, !0), () => {
+      document.removeEventListener("mousedown", r, !0), document.removeEventListener("touchstart", r, !0);
+    };
+  }, [t]), o;
+};
+export {
+  l as useClickOutside
+};

package/dist/Components/index.d.ts

@@ -0,0 +1,16 @@
+export * from "./Badges/index.js";
+export * from "./Buttons/index.js";
+export * from "./Cards/index.js";
+export * from "./Charts/index.js";
+export * from "./Colors/index.js";
+export * from "./DataTable/index.js";
+export * from "./Dialog/index.js";
+export * from "./Facets/index.js";
+export * from "./Formatter/index.js";
+export * from "./Inputs/index.js";
+export * from "./Layouts/index.js";
+export * from "./NavBar/index.js";
+export * from "./Tabs/index.js";
+export * from "./Toast/index.js";
+export * from "./Typography/index.js";
+export * from "./Utilities/index.js";

package/dist/Components/index.js

@@ -0,0 +1,158 @@
+import { Badge as e } from "./Badges/Badge.js";
+import { BodyNotice as a } from "./Formatter/BodyNotice.js";
+import { Button as p } from "./Buttons/Button.js";
+import { ButtonGroup as x } from "./Buttons/ButtonGroup.js";
+import { Card as n, contentPaddingClassName as i } from "./Cards/Card.js";
+import { ChartBarCalculator as l } from "./Charts/Utils/ChartBarCalculator.js";
+import { ChartTooltipFormatter as C } from "./Charts/Utils/ChartTooltipFormatter.js";
+import { Checkbox as d } from "./Inputs/Checkbox/Checkbox.js";
+import { CodeFormatter as F } from "./Formatter/CodeFormatter.js";
+import { Colors as g } from "./Colors/Colors.js";
+import { DEFAULT_COUNTS_CAPTION as B, FacetCountsCaption as P, countsCaptionOf as b } from "./Facets/FacetCountsCaption.js";
+import { DataTable as I, columnsFor as L } from "./DataTable/DataTable.js";
+import { DateRangeFacet as v } from "./Facets/Variants/DateRangeFacet.js";
+import { DateRangeSelector as w } from "./Inputs/DateRangeSelector/DateRangeSelector.js";
+import { DefaultBrand as k, NavBar as O } from "./NavBar/NavBar.js";
+import { DefaultLayout as E } from "./Layouts/DefaultLayout.js";
+import { Dialog as z, DialogDescription as M, DialogTitle as U } from "./Dialog/Dialog.js";
+import { Drawer as _, DrawerDescription as G, DrawerTitle as J } from "./Dialog/Drawer.js";
+import { FacetCount as j } from "./Facets/FacetCount.js";
+import { FacetInnerLightButton as Q } from "./Facets/FacetInnerLightButton.js";
+import { FacetLabel as Y } from "./Facets/FacetLabel.js";
+import { FacetList as $, useFacetState as oo } from "./Facets/FacetList.js";
+import { FacetListCard as eo } from "./Facets/FacetListCard.js";
+import { FacetResetLink as ao } from "./Facets/FacetResetLink.js";
+import { Foldable as po } from "./Utilities/Foldable.js";
+import { H1 as xo, H2 as so, H3 as no, H4 as io, H5 as co, H6 as lo } from "./Typography/Titles.js";
+import { HeadersDisplay as Co } from "./Formatter/HeadersDisplay.js";
+import { HeadingLevel as ho, Subheading as Fo, useSubheadingLevel as So } from "./Typography/HeadingLevel.js";
+import { Input as Do } from "./Inputs/Input/Input.js";
+import { InputAddon as Po } from "./Inputs/InputAddon/InputAddon.js";
+import { InputButton as Ho } from "./Inputs/InputButton/InputButton.js";
+import { InputIcon as Lo } from "./Inputs/InputIcon/InputIcon.js";
+import { JsonTreeView as vo } from "./Formatter/JsonTreeView.js";
+import { KeyboardShortcut as wo } from "./Inputs/KeyboardShortcut/KeyboardShortcut.js";
+import { MultipleChoiceFacet as ko } from "./Facets/Variants/MultipleChoiceFacet.js";
+import { P as Ao } from "./Typography/Paragraphs.js";
+import { Paginator as Vo } from "./DataTable/Paginator.js";
+import { PerformanceFacet as Mo } from "./Facets/Variants/PerformanceFacet.js";
+import { PerformanceMetrics as Wo } from "./Formatter/PerformanceMetrics.js";
+import { ProportionBar as Go } from "./DataTable/ProportionBar.js";
+import { Radio as Ko } from "./Inputs/Radio/Radio.js";
+import { RangeSlider as qo } from "./Inputs/Sliders/RangeSlider.js";
+import { SearchInput as Xo } from "./Inputs/SearchInput/SearchInput.js";
+import { Section as Zo } from "./Typography/Section.js";
+import { SingleChoiceFacet as or } from "./Facets/Variants/SingleChoiceFacet.js";
+import { StatCard as er } from "./Cards/StatCard.js";
+import { SummaryPerformancesChart as ar } from "./Charts/SummaryPerformancesChart.js";
+import { SummaryRateChart as pr } from "./Charts/SummaryRateChart.js";
+import { SyntaxHighlighter as xr } from "./Formatter/SyntaxHighlighter.js";
+import { TabPanel as nr, Tabs as ir } from "./Tabs/Tabs.js";
+import { Textarea as lr } from "./Inputs/Textarea/Textarea.js";
+import { TimeFormatter as Cr } from "./Charts/Utils/TimeFormatter.js";
+import { Toast as dr } from "./Toast/Toast.js";
+import { ToastContainer as Fr } from "./Toast/ToastContainer.js";
+import { ToastProvider as gr, useErrorToast as Dr, useInfoToast as Br, useSuccessToast as Pr, useToast as br, useWarningToast as Hr } from "./Toast/ToastContext.js";
+import { TransactionsChart as Lr } from "./Charts/TransactionsChart.js";
+import { VirtualizedCodeView as vr } from "./Formatter/VirtualizedCodeView.js";
+import { chartColorTokens as wr } from "./Charts/Utils/ChartColors.js";
+import { createThinBarSeries as kr } from "./Charts/Components/ThinBarChart.js";
+import { createWideBarSeries as Ar } from "./Charts/Components/WideBarChart.js";
+import { modalSizeClasses as Vr } from "./Dialog/modal.types.js";
+import { resolveThemeColor as Mr, resolveThemeColors as Ur, toEchartsColor as Wr } from "./Charts/Utils/ThemeColor.js";
+import { useChartDimensions as Gr } from "./Charts/Hooks/useChartDimensions.js";
+import { useClickOutside as Kr } from "./Utilities/useClickOutside.js";
+import { useThemeColor as qr, useThemeColors as Qr } from "./Charts/Hooks/useThemeColors.js";
+export {
+  e as Badge,
+  a as BodyNotice,
+  p as Button,
+  x as ButtonGroup,
+  n as Card,
+  l as ChartBarCalculator,
+  C as ChartTooltipFormatter,
+  d as Checkbox,
+  F as CodeFormatter,
+  g as Colors,
+  B as DEFAULT_COUNTS_CAPTION,
+  I as DataTable,
+  v as DateRangeFacet,
+  w as DateRangeSelector,
+  k as DefaultBrand,
+  E as DefaultLayout,
+  z as Dialog,
+  M as DialogDescription,
+  U as DialogTitle,
+  _ as Drawer,
+  G as DrawerDescription,
+  J as DrawerTitle,
+  j as FacetCount,
+  P as FacetCountsCaption,
+  Q as FacetInnerLightButton,
+  Y as FacetLabel,
+  $ as FacetList,
+  eo as FacetListCard,
+  ao as FacetResetLink,
+  po as Foldable,
+  xo as H1,
+  so as H2,
+  no as H3,
+  io as H4,
+  co as H5,
+  lo as H6,
+  Co as HeadersDisplay,
+  ho as HeadingLevel,
+  Do as Input,
+  Po as InputAddon,
+  Ho as InputButton,
+  Lo as InputIcon,
+  vo as JsonTreeView,
+  wo as KeyboardShortcut,
+  ko as MultipleChoiceFacet,
+  O as NavBar,
+  Ao as P,
+  Vo as Paginator,
+  Mo as PerformanceFacet,
+  Wo as PerformanceMetrics,
+  Go as ProportionBar,
+  Ko as Radio,
+  qo as RangeSlider,
+  Xo as SearchInput,
+  Zo as Section,
+  or as SingleChoiceFacet,
+  er as StatCard,
+  Fo as Subheading,
+  ar as SummaryPerformancesChart,
+  pr as SummaryRateChart,
+  xr as SyntaxHighlighter,
+  nr as TabPanel,
+  ir as Tabs,
+  lr as Textarea,
+  Cr as TimeFormatter,
+  dr as Toast,
+  Fr as ToastContainer,
+  gr as ToastProvider,
+  Lr as TransactionsChart,
+  vr as VirtualizedCodeView,
+  wr as chartColorTokens,
+  L as columnsFor,
+  i as contentPaddingClassName,
+  b as countsCaptionOf,
+  kr as createThinBarSeries,
+  Ar as createWideBarSeries,
+  Vr as modalSizeClasses,
+  Mr as resolveThemeColor,
+  Ur as resolveThemeColors,
+  Wr as toEchartsColor,
+  Gr as useChartDimensions,
+  Kr as useClickOutside,
+  Dr as useErrorToast,
+  oo as useFacetState,
+  Br as useInfoToast,
+  So as useSubheadingLevel,
+  Pr as useSuccessToast,
+  qr as useThemeColor,
+  Qr as useThemeColors,
+  br as useToast,
+  Hr as useWarningToast
+};

package/dist/Elements/Http/CacheBadge.d.ts

@@ -0,0 +1,13 @@
+import { Badge } from "../../Components/Badges/Badge.js";
+import { type ComponentProps } from "react";
+export interface CacheBadgeProps extends Omit<ComponentProps<typeof Badge>, "color"> {
+    /** Cache status from the server */
+    cacheStatus?: "hit" | "miss" | "stale" | "bypass";
+    /** Whether the request was cached (legacy support) */
+    cached?: boolean;
+}
+/**
+ * CacheBadge component that displays the cache status of a request.
+ * Shows different colors and labels based on cache status.
+ */
+export declare function CacheBadge({ cacheStatus, cached, className, ...props }: CacheBadgeProps): import("react/jsx-runtime").JSX.Element | null;