@hexclave/dashboard-ui-components 1.0.41 → 1.0.43

package/dist/data-grid-AJi1TNDa.d.ts

@@ -0,0 +1,46 @@
+import { w as DataGridProps } from "./types-1-eOd1JF.js";
+
+//#region src/components/data-grid/data-grid.d.ts
+declare function isDataGridInteractiveRowClickTarget(target: EventTarget | null): boolean;
+/**
+ * Interactive table built on TanStack Table v8. Sorting, column sizing,
+ * visibility, ordering, and pinning are owned by the table instance; we
+ * layer virtualization, sticky toolbar/header/footer, infinite scroll,
+ * quick search, CSV export, and date-format toggling on top.
+ *
+ * The grid is display-only — it does not fetch or page data itself. Pair
+ * with `useDataSource` for client- or server-side data and pass the
+ * already-processed slice through `rows`.
+ *
+ * ```tsx
+ * const columns = useMemo(() => [...], []);
+ * const [gridState, setGridState] = useState(() => createDefaultDataGridState(columns));
+ * const gridData = useDataSource({
+ *   data: users, columns, getRowId: (r) => r.id,
+ *   sorting: gridState.sorting,
+ *   quickSearch: gridState.quickSearch,
+ *   pagination: gridState.pagination,
+ *   paginationMode: "client",
+ * });
+ *
+ * <DataGrid
+ *   columns={columns}
+ *   rows={gridData.rows}
+ *   getRowId={(r) => r.id}
+ *   totalRowCount={gridData.totalRowCount}
+ *   isLoading={gridData.isLoading}
+ *   state={gridState}
+ *   onChange={setGridState}
+ * />
+ * ```
+ *
+ * Iron rules:
+ * - `rows` is always `gridData.rows`, never your raw array.
+ * - Columns must be stable (define outside the component or wrap in `useMemo`).
+ * - Initialize state with `createDefaultDataGridState(columns)`.
+ * - `renderCell` must be a pure function — no React hooks inside.
+ */
+declare function DataGrid<TRow>(props: DataGridProps<TRow>): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { isDataGridInteractiveRowClickTarget as n, DataGrid as t };
+//# sourceMappingURL=data-grid-AJi1TNDa.d.ts.map

package/dist/data-grid-AJi1TNDa.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid-AJi1TNDa.d.ts","names":[],"sources":["../src/components/data-grid/data-grid.tsx"],"mappings":";;;iBAoEgB,mCAAA,CAAoC,MAA0B,EAAlB,WAAW;;AAAvE;;;;AAA8E;AAqhB9E;;;;;;;;;;;AAAyD;;;;;;;;;;;;;;;;;;;;;iBAAzC,QAAA,OAAe,KAAA,EAAO,aAAa,CAAC,IAAA,gCAAK,GAAA,CAAA,OAAA"}

package/dist/data-grid-sizing-S1ixcZKo.d.ts

@@ -0,0 +1,13 @@
+import { i as DataGridColumnDef } from "./types-1-eOd1JF.js";
+
+//#region src/components/data-grid/data-grid-sizing.d.ts
+declare const DEFAULT_MAX_COL_WIDTH = 800;
+declare const DEFAULT_COL_WIDTH = 150;
+/** Effective minimum column width. When `col.minWidth` is unset, derive
+ * one from the header label so it never gets clipped during resize. */
+declare function getEffectiveMinWidth<TRow>(col: DataGridColumnDef<TRow>): number;
+declare function getEffectiveMaxWidth<TRow>(col: DataGridColumnDef<TRow>): number;
+declare function clampColumnWidth<TRow>(col: DataGridColumnDef<TRow>, width: number): number;
+//#endregion
+export { getEffectiveMinWidth as a, getEffectiveMaxWidth as i, DEFAULT_MAX_COL_WIDTH as n, clampColumnWidth as r, DEFAULT_COL_WIDTH as t };
+//# sourceMappingURL=data-grid-sizing-S1ixcZKo.d.ts.map

package/dist/data-grid-sizing-S1ixcZKo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid-sizing-S1ixcZKo.d.ts","names":[],"sources":["../src/components/data-grid/data-grid-sizing.ts"],"mappings":";;;cAIa,qBAAA;AAAA,cACA,iBAAA;AADb;;AAAA,iBA+BgB,oBAAA,OAA2B,GAAA,EAAK,iBAAiB,CAAC,IAAA;AAAA,iBASlD,oBAAA,OAA2B,GAAA,EAAK,iBAAiB,CAAC,IAAA;AAAA,iBAIlD,gBAAA,OAAuB,GAAA,EAAK,iBAAiB,CAAC,IAAA,GAAO,KAAA"}

package/dist/data-grid-toolbar-BGSNGDpT.d.ts

@@ -0,0 +1,30 @@
+import { M as DataGridToolbarContext } from "./types-1-eOd1JF.js";
+import React from "react";
+
+//#region src/components/data-grid/data-grid-toolbar.d.ts
+declare function DataGridToolbar<TRow>({
+  ctx,
+  extra,
+  extraLeading,
+  hideQuickSearch
+}: {
+  ctx: DataGridToolbarContext<TRow>;
+  /** Extra content rendered inside the toolbar row, to the left of the
+   *  built-in columns / export actions. Use this to add table-specific
+   *  affordances (refresh, custom toggles, row counts) without giving up
+   *  the default actions. */
+  extra?: React.ReactNode;
+  /** Extra content rendered at the START of the toolbar row — occupies
+   *  the same position as the built-in quick search (after it, if the
+   *  quick search is visible). Use this together with `hideQuickSearch`
+   *  to fully replace the quick search with a custom input, e.g. an
+   *  AI-powered search bar. */
+  extraLeading?: React.ReactNode;
+  /** Whether to hide the built-in quick-search input. When `true`,
+   *  callers are expected to provide their own search UI via
+   *  `extraLeading`. */
+  hideQuickSearch?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { DataGridToolbar as t };
+//# sourceMappingURL=data-grid-toolbar-BGSNGDpT.d.ts.map

package/dist/data-grid-toolbar-BGSNGDpT.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid-toolbar-BGSNGDpT.d.ts","names":[],"sources":["../src/components/data-grid/data-grid-toolbar.tsx"],"mappings":";;;;iBA6QgB,eAAA;EACd,GAAA;EACA,KAAA;EACA,YAAA;EACA;AAAA;EAEA,GAAA,EAAK,sBAAA,CAAuB,IAAA;EANd;;;;EAWd,KAAA,GAAQ,KAAA,CAAM,SAAA;EARd;;;;;EAcA,YAAA,GAAe,KAAA,CAAM,SAAA;EAAS;;;EAI9B,eAAA;AAAA,gCACD,GAAA,CAAA,OAAA"}

package/dist/default-analytics-chart-tooltip-PrLoMaC1.d.ts

@@ -0,0 +1,65 @@
+import { n as AnalyticsChartStrings } from "./strings-D-t58Uol.js";
+import { O as Point, a as AnalyticsChartDelta } from "./types-NyzRTEfi.js";
+
+//#region src/components/analytics-chart/default-analytics-chart-tooltip.d.ts
+/** Trend pill — small rounded badge with an up/down/flat arrow, a signed
+ * percentage, and an optional trailing label. Shared between the default
+ * tooltip, the pie view, and the demo panels (which re-export it). */
+declare function TrendPill({
+  delta,
+  label,
+  size
+}: {
+  delta: AnalyticsChartDelta;
+  label?: string;
+  size?: "sm" | "md";
+}): import("react/jsx-runtime").JSX.Element;
+type AnalyticsChartTooltipSegmentRow = {
+  key: string;
+  label: string;
+  value: number; /** Light-theme color for the dot / swatch. */
+  color: string; /** Dark-theme color for the dot / swatch. */
+  colorDark: string;
+};
+type AnalyticsChartTooltipLayerView = {
+  /** Stable layer id (e.g. `"signups"`, `"previous"`). */id: string; /** Consumer-provided layer label. */
+  label: string; /** Resolved layer color (light theme). */
+  color: string; /** Resolved layer color (dark theme). */
+  colorDark: string;
+  /** Flat total for this layer at the hovered index. Populated regardless
+   * of segmentation so consumers can render the same number in either mode. */
+  total: number; /** True iff this layer is rendered as a stacked breakdown. */
+  segmented: boolean;
+  /** Per-segment rows — empty when `segmented === false`. Order matches
+   * `segmentSeries`. */
+  segments: AnalyticsChartTooltipSegmentRow[];
+};
+type AnalyticsChartTooltipContext = {
+  /** Index into the visible window. */activeIndex: number; /** Raw point at `activeIndex` — convenient for `.ts` access. */
+  point: Point; /** True when the tooltip is pinned (via click) and stable under hover. */
+  isPinned: boolean; /** Primary layer view or null when the primary layer is hidden. */
+  primary: AnalyticsChartTooltipLayerView | null; /** Compare layer view or null when the compare layer is hidden. */
+  compare: AnalyticsChartTooltipLayerView | null;
+  /** Flat-mode delta between primary and compare totals. Null when either
+   * side is hidden. Consumers should feed this into their trend pill. */
+  delta: AnalyticsChartDelta | null; /** Pre-bound value formatter for y-axis values. */
+  formatValue: (v: number) => string; /** Pre-bound formatter for x-axis values. */
+  formatDate: (ts: number) => string; /** Resolved strings — already merged with defaults. */
+  strings: AnalyticsChartStrings;
+};
+type DefaultAnalyticsChartTooltipProps = {
+  ctx: AnalyticsChartTooltipContext;
+};
+/** The default tooltip body. The tooltip is rendered as an
+ * absolutely-positioned sibling of `<ChartContainer>`, which means it sits
+ * OUTSIDE the `[data-chart=…]` subtree that scopes shadcn's `--color-${key}`
+ * CSS variables. We therefore cannot reference those variables for segment
+ * swatches — instead, every swatch uses a single span with `--c-l`/`--c-d`
+ * custom properties + Tailwind arbitrary variants so one DOM element covers
+ * both themes. */
+declare function DefaultAnalyticsChartTooltip({
+  ctx
+}: DefaultAnalyticsChartTooltipProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { DefaultAnalyticsChartTooltipProps as a, DefaultAnalyticsChartTooltip as i, AnalyticsChartTooltipLayerView as n, TrendPill as o, AnalyticsChartTooltipSegmentRow as r, AnalyticsChartTooltipContext as t };
+//# sourceMappingURL=default-analytics-chart-tooltip-PrLoMaC1.d.ts.map

package/dist/default-analytics-chart-tooltip-PrLoMaC1.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-analytics-chart-tooltip-PrLoMaC1.d.ts","names":[],"sources":["../src/components/analytics-chart/default-analytics-chart-tooltip.tsx"],"mappings":";;;;;;AAeA;iBAAgB,SAAA;EACd,KAAA;EACA,KAAA;EACA;AAAA;EAEA,KAAA,EAAO,mBAAA;EACP,KAAA;EACA,IAAA;AAAA,gCACD,GAAA,CAAA,OAAA;AAAA,KAqBW,+BAAA;EACV,GAAA;EACA,KAAA;EACA,KAAA,UA/BA;EAiCA,KAAA,UAhCA;EAkCA,SAAA;AAAA;AAAA,KAGU,8BAAA;EAlCH,wDAoCP,EAAA,UAlCA;EAoCA,KAAA,UAnCD;EAqCC,KAAA,UArCD;EAuCC,SAAA;EAlByC;;EAqBzC,KAAA,UApBA;EAsBA,SAAA;EApBA;;EAuBA,QAAA,EAAU,+BAA+B;AAAA;AAAA,KAG/B,4BAAA;EAnBA,qCAqBV,WAAA;EAEA,KAAA,EAAO,KAAA,EArBP;EAuBA,QAAA,WAnBA;EAqBA,OAAA,EAAS,8BAAA,SAhBT;EAkBA,OAAA,EAAS,8BAAA;EAbT;;EAgBA,KAAA,EAAO,mBAAA,SAhBkC;EAkBzC,WAAA,GAAc,CAAA,qBAfwB;EAiBtC,UAAA,GAAa,EAAA,qBAbN;EAeP,OAAA,EAAS,qBAAA;AAAA;AAAA,KAGC,iCAAA;EACV,GAAA,EAAK,4BAA4B;AAAA;;;;;;;;iBAUnB,4BAAA;EAA+B;AAAA,GAAO,iCAAiC,+BAAA,GAAA,CAAA,OAAA"}

package/dist/dialog-CCtTH7s6.d.ts

@@ -0,0 +1,131 @@
+import * as React$1 from "react";
+import React from "react";
+import { Dialog, DialogContent } from "@hexclave/ui";
+
+//#region ../../node_modules/.pnpm/@radix-ui+react-primitive@2.1.3_@types+react-dom@19.2.3_@types+react@19.2.7__@types+rea_5f3d28fea11cf58eed3830d0189b6e2d/node_modules/@radix-ui/react-primitive/dist/index.d.mts
+declare const NODES: readonly ["a", "button", "div", "form", "h2", "h3", "img", "input", "label", "li", "nav", "ol", "p", "select", "span", "svg", "ul"];
+type Primitives = { [E in (typeof NODES)[number]]: PrimitiveForwardRefComponent<E> };
+type PrimitivePropsWithRef<E extends React$1.ElementType> = React$1.ComponentPropsWithRef<E> & {
+  asChild?: boolean;
+};
+interface PrimitiveForwardRefComponent<E extends React$1.ElementType> extends React$1.ForwardRefExoticComponent<PrimitivePropsWithRef<E>> {}
+declare const Primitive: Primitives;
+/**
+ * Flush custom event dispatch
+ * https://github.com/radix-ui/primitives/pull/1378
+ *
+ * React batches *all* event handlers since version 18, this introduces certain considerations when using custom event types.
+ *
+ * Internally, React prioritises events in the following order:
+ *  - discrete
+ *  - continuous
+ *  - default
+ *
+ * https://github.com/facebook/react/blob/a8a4742f1c54493df00da648a3f9d26e3db9c8b5/packages/react-dom/src/events/ReactDOMEventListener.js#L294-L350
+ *
+ * `discrete` is an  important distinction as updates within these events are applied immediately.
+ * React however, is not able to infer the priority of custom event types due to how they are detected internally.
+ * Because of this, it's possible for updates from custom events to be unexpectedly batched when
+ * dispatched by another `discrete` event.
+ *
+ * In order to ensure that updates from custom events are applied predictably, we need to manually flush the batch.
+ * This utility should be used when dispatching a custom event from within another `discrete` event, this utility
+ * is not necessary when dispatching known event types, or if dispatching a custom type inside a non-discrete event.
+ * For example:
+ *
+ * dispatching a known click 👎
+ * target.dispatchEvent(new Event(‘click’))
+ *
+ * dispatching a custom type within a non-discrete event 👎
+ * onScroll={(event) => event.target.dispatchEvent(new CustomEvent(‘customType’))}
+ *
+ * dispatching a custom type within a `discrete` event 👍
+ * onPointerDown={(event) => dispatchDiscreteCustomEvent(event.target, new CustomEvent(‘customType’))}
+ *
+ * Note: though React classifies `focus`, `focusin` and `focusout` events as `discrete`, it's  not recommended to use
+ * this utility with them. This is because it's possible for those handlers to be called implicitly during render
+ * e.g. when focus is within a component as it is unmounted, or when managing focus on mount.
+ */
+//#endregion
+//#region ../../node_modules/.pnpm/@radix-ui+react-dialog@1.1.15_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react_66d7d575cbd072ce29e52afb89085e9d/node_modules/@radix-ui/react-dialog/dist/index.d.mts
+interface DialogProps {
+  children?: React$1.ReactNode;
+  open?: boolean;
+  defaultOpen?: boolean;
+  onOpenChange?(open: boolean): void;
+  modal?: boolean;
+}
+type PrimitiveButtonProps = React$1.ComponentPropsWithoutRef<typeof Primitive.button>;
+interface DialogTriggerProps extends PrimitiveButtonProps {}
+type PrimitiveHeading2Props = React$1.ComponentPropsWithoutRef<typeof Primitive.h2>;
+interface DialogTitleProps extends PrimitiveHeading2Props {}
+type PrimitiveParagraphProps = React$1.ComponentPropsWithoutRef<typeof Primitive.p>;
+interface DialogDescriptionProps extends PrimitiveParagraphProps {}
+interface DialogCloseProps extends PrimitiveButtonProps {}
+//#endregion
+//#region src/components/dialog.d.ts
+type DesignDialogSize = "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full";
+type DesignDialogVariant = "glassmorphic" | "plain";
+declare const designDialogGlassmorphicSurfaceClass: string;
+declare const designDialogGlassmorphicOverlayClass = "bg-black/50 backdrop-blur-sm";
+type DesignDialogIcon = React.ElementType<{
+  className?: string;
+}>;
+type DesignDialogRootProps = Omit<React.ComponentProps<typeof Dialog>, "children">;
+type DesignDialogProps = {
+  trigger?: React.ReactElement;
+  size?: DesignDialogSize;
+  variant?: DesignDialogVariant;
+  icon?: DesignDialogIcon | null;
+  title?: React.ReactNode;
+  description?: React.ReactNode;
+  headerContent?: React.ReactNode;
+  customHeader?: React.ReactNode;
+  footer?: React.ReactNode;
+  noBodyPadding?: boolean;
+  hideTopCloseButton?: boolean;
+  className?: string;
+  overlayClassName?: string;
+  headerClassName?: string;
+  bodyClassName?: string;
+  footerClassName?: string;
+  children?: React.ReactNode;
+  contentProps?: Omit<React.ComponentPropsWithoutRef<typeof DialogContent>, "className" | "children" | "overlayProps" | "noCloseButton">;
+} & DesignDialogRootProps;
+/**
+ * Canonical dashboard modal surface. This wraps the base dialog primitives with
+ * a reusable glassmorphic shell and consistent header/body/footer regions.
+ */
+declare function DesignDialog({
+  trigger,
+  size,
+  variant,
+  icon: Icon,
+  title,
+  description,
+  headerContent,
+  customHeader,
+  footer,
+  noBodyPadding,
+  hideTopCloseButton,
+  className,
+  overlayClassName,
+  headerClassName,
+  bodyClassName,
+  footerClassName,
+  contentProps,
+  children,
+  ...dialogRootProps
+}: DesignDialogProps): import("react/jsx-runtime").JSX.Element;
+declare const DesignDialogRoot: React.FC<DialogProps>;
+declare const DesignDialogTrigger: React.ForwardRefExoticComponent<DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DesignDialogClose: React.ForwardRefExoticComponent<DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DesignDialogTitle: React.FC<Omit<DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & {
+  ref?: React.Ref<HTMLHeadingElement> | undefined;
+}>;
+declare const DesignDialogDescription: React.FC<Omit<DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & {
+  ref?: React.Ref<HTMLParagraphElement> | undefined;
+}>;
+//#endregion
+export { DesignDialogRoot as a, DesignDialogTrigger as c, designDialogGlassmorphicSurfaceClass as d, DesignDialogProps as i, DesignDialogVariant as l, DesignDialogClose as n, DesignDialogSize as o, DesignDialogDescription as r, DesignDialogTitle as s, DesignDialog as t, designDialogGlassmorphicOverlayClass as u };
+//# sourceMappingURL=dialog-CCtTH7s6.d.ts.map

package/dist/dialog-CCtTH7s6.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-CCtTH7s6.d.ts","names":["E","NODES","PrimitiveForwardRefComponent","React","ElementType","ComponentPropsWithRef","asChild","ForwardRefExoticComponent","PrimitivePropsWithRef","Primitives","CustomEvent","target","event","_radix_ui_react_context","CreateScope","children","React","ReactNode","open","defaultOpen","onOpenChange","modal","FC","DialogProps","ComponentPropsWithoutRef","Primitive","button","PrimitiveButtonProps","ForwardRefExoticComponent","DialogTriggerProps","RefAttributes","HTMLButtonElement","Portal$1","container","PortalProps","forceMount","DialogPortalProps","DialogOverlayImplProps","DialogOverlayProps","HTMLDivElement","div","PrimitiveDivProps","DialogContentTypeProps","DialogContentProps","Omit","DialogContentImplProps","DismissableLayer","FocusScope","DismissableLayerProps","trapFocus","FocusScopeProps","onOpenAutoFocus","onCloseAutoFocus","h2","PrimitiveHeading2Props","DialogTitleProps","HTMLHeadingElement","p","PrimitiveParagraphProps","DialogDescriptionProps","HTMLParagraphElement","DialogCloseProps","contentName","titleName","docsSlug"],"sources":["../../../node_modules/.pnpm/@radix-ui+react-primitive@2.1.3_@types+react-dom@19.2.3_@types+react@19.2.7__@types+rea_5f3d28fea11cf58eed3830d0189b6e2d/node_modules/@radix-ui/react-primitive/dist/index.d.mts","../../../node_modules/.pnpm/@radix-ui+react-dialog@1.1.15_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react_66d7d575cbd072ce29e52afb89085e9d/node_modules/@radix-ui/react-dialog/dist/index.d.mts","../src/components/dialog.tsx"],"x_google_ignoreList":[0,1],"mappings":";;;;;cAEc,KAAA;AAAA,KACT,UAAA,mBACa,KAAA,YAAiB,4BAAA,CAA6B,CAAA;AAAA,KAE3D,qBAAA,WAAgC,OAAA,CAAM,WAAA,IAAe,OAAA,CAAM,qBAAA,CAAsB,CAAA;EAClFM,OAAAA;AAAAA;AAAAA,UAEM,4BAAA,WAAuC,OAAA,CAAM,WAAA,UAAqB,OAAA,CAAM,yBAAA,CAA0B,qBAAA,CAAsB,CAAA;AAAA,cAEpH,SAAA,EAAW,UAAU;;;;;;;;;;;;AAP8B;AAAA;;;;;;;;;;;;;;;;AAGtD;AAAA;;;;;;;;;UCCD,WAAA;EACNS,QAAAA,GAAW,OAAA,CAAM,SAAS;EAC1BG,IAAAA;EACAC,WAAAA;EACAC,YAAAA,EAAcF,IAAAA;EACdG,KAAAA;AAAAA;AAAAA,KAGC,oBAAA,GAAuB,OAAA,CAAM,wBAAwB,QAAQ,SAAA,CAAU,MAAA;AAAA,UAClE,kBAAA,SAA2B,oBAAoB;AAAA,KA0DpD,sBAAA,GAAyB,OAAA,CAAM,wBAAwB,QAAQ,SAAA,CAAU,EAAA;AAAA,UACpE,gBAAA,SAAyB,sBAAsB;AAAA,KAGpD,uBAAA,GAA0B,OAAA,CAAM,wBAAwB,QAAQ,SAAA,CAAU,CAAA;AAAA,UACrE,sBAAA,SAA+B,uBAAuB;AAAA,UAGtD,gBAAA,SAAyB,oBAAoB;;;KCnE3C,gBAAA;AAAA,KAaA,mBAAA;AAAA,cAqBC,oCAAA;AAAA,cACA,oCAAA;AAAA,KAER,gBAAA,GAAmB,KAAA,CAAM,WAAW;EAAG,SAAA;AAAA;AAAA,KAEvC,qBAAA,GAAwB,IAAA,CAAK,KAAA,CAAM,cAAA,QAAsB,MAAA;AAAA,KAElD,iBAAA;EACV,OAAA,GAAU,KAAA,CAAM,YAAA;EAChB,IAAA,GAAO,gBAAA;EACP,OAAA,GAAU,mBAAA;EACV,IAAA,GAAO,gBAAA;EACP,KAAA,GAAQ,KAAA,CAAM,SAAA;EACd,WAAA,GAAc,KAAA,CAAM,SAAA;EACpB,aAAA,GAAgB,KAAA,CAAM,SAAA;EACtB,YAAA,GAAe,KAAA,CAAM,SAAA;EACrB,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,aAAA;EACA,kBAAA;EACA,SAAA;EACA,gBAAA;EACA,eAAA;EACA,aAAA;EACA,eAAA;EACA,QAAA,GAAW,KAAA,CAAM,SAAA;EACjB,YAAA,GAAe,IAAA,CACb,KAAA,CAAM,wBAAA,QAAgC,aAAA;AAAA,IAGtC,qBAAA;;;;;iBAMY,YAAA;EACd,OAAA;EACA,IAAA;EACA,OAAA;EACA,IAAA,EAAM,IAAA;EACN,KAAA;EACA,WAAA;EACA,aAAA;EACA,YAAA;EACA,MAAA;EACA,aAAA;EACA,kBAAA;EACA,SAAA;EACA,gBAAA;EACA,eAAA;EACA,aAAA;EACA,eAAA;EACA,YAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,iBAAA,+BAAiB,GAAA,CAAA,OAAA;AAAA,cA4GP,gBAAA,EAAgB,KAAA,CAAA,EAAA,CAAS,WAAA;AAAA,cACzB,mBAAA,EAAmB,KAAA,CAAA,yBAAA,CAAgB,kBAAA,GAAhB,KAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,cACnB,iBAAA,EAAiB,KAAA,CAAA,yBAAA,CAAc,gBAAA,GAAd,KAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,cACjB,iBAAA,EAAiB,KAAA,CAAA,EAAA,CAAA,IAAA,CAAc,gBAAA,GAAd,KAAA,CAAA,aAAA,CAAA,kBAAA;;;cACjB,uBAAA,EAAuB,KAAA,CAAA,EAAA,CAAA,IAAA,CAAoB,sBAAA,GAApB,KAAA,CAAA,aAAA,CAAA,oBAAA"}

package/dist/esm/components/alert.d.ts

@@ -1,5 +1,3 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/alert.d.ts
 type DesignAlertVariant = "default" | "success" | "error" | "warning" | "info";
 type DesignAlertProps = React.HTMLAttributes<HTMLDivElement> & {
@@ -16,7 +14,7 @@ declare function DesignAlert({
   className,
   children,
   ...props
-}: DesignAlertProps): react_jsx_runtime0.JSX.Element;
+}: DesignAlertProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { DesignAlert, DesignAlertProps };
 //# sourceMappingURL=alert.d.ts.map

package/dist/esm/components/alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","names":[],"sources":["../../../src/components/alert.tsx"],"mappings":";;;KAKK,kBAAA;AAAA,KAmEO,gBAAA,GAAmB,KAAA,CAAM,cAAA,CAAe,cAAA;EAClD,OAAA,GAAU,kBAAA;EACV,KAAA,GAAQ,KAAA,CAAM,SAAA;EACd,WAAA,GAAc,KAAA,CAAM,SAAA;EACpB,YAAA;AAAA;AAAA,iBAGc,WAAA,CAAA;EACd,OAAA;EACA,KAAA;EACA,WAAA;EACA,YAAA;EACA,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"alert.d.ts","names":[],"sources":["../../../src/components/alert.tsx"],"mappings":";KAKK,kBAAA;AAAA,KAmEO,gBAAA,GAAmB,KAAA,CAAM,cAAA,CAAe,cAAA;EAClD,OAAA,GAAU,kBAAA;EACV,KAAA,GAAQ,KAAA,CAAM,SAAA;EACd,WAAA,GAAc,KAAA,CAAM,SAAA;EACpB,YAAA;AAAA;AAAA,iBAGc,WAAA;EACd,OAAA;EACA,KAAA;EACA,WAAA;EACA,YAAA;EACA,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,gBAAA,+BAAgB,GAAA,CAAA,OAAA"}

package/dist/esm/components/alert.js

@@ -1,18 +1,16 @@
 "use client";
-
 import { CheckCircle, Info, WarningCircle, XCircle } from "@phosphor-icons/react";
 import { cn } from "@hexclave/ui";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/alert.tsx
-const variantIconMap = new Map([
+const variantIconMap = /* @__PURE__ */ new Map([
 	["default", Info],
 	["success", CheckCircle],
 	["error", XCircle],
 	["warning", WarningCircle],
 	["info", Info]
 ]);
-const variantStyles = new Map([
+const variantStyles = /* @__PURE__ */ new Map([
 	["default", {
 		container: "border-black/[0.08] bg-white/90 ring-1 ring-black/[0.06] dark:border-border dark:bg-background dark:ring-0",
 		icon: "text-foreground",
@@ -67,7 +65,7 @@ function DesignAlert({ variant = "default", title, description, glassmorphic = f
 		})]
 	});
 }
-
 //#endregion
 export { DesignAlert };
+
 //# sourceMappingURL=alert.js.map

package/dist/esm/components/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","names":[],"sources":["../../../src/components/alert.tsx"],"sourcesContent":["\"use client\";\n\nimport { CheckCircle, Info, WarningCircle, XCircle } from \"@phosphor-icons/react\";\nimport { cn } from \"@hexclave/ui\";\n\ntype DesignAlertVariant = \"default\" | \"success\" | \"error\" | \"warning\" | \"info\";\n\nconst variantIconMap = new Map<DesignAlertVariant, React.ElementType>([\n  [\"default\", Info],\n  [\"success\", CheckCircle],\n  [\"error\", XCircle],\n  [\"warning\", WarningCircle],\n  [\"info\", Info],\n]);\n\ntype VariantStyles = {\n  container: string,\n  icon: string,\n  title: string,\n};\n\nconst variantStyles = new Map<DesignAlertVariant, VariantStyles>([\n  [\n    \"default\",\n    {\n      container: \"border-black/[0.08] bg-white/90 ring-1 ring-black/[0.06] dark:border-border dark:bg-background dark:ring-0\",\n      icon: \"text-foreground\",\n      title: \"text-foreground\",\n    },\n  ],\n  [\n    \"success\",\n    {\n      container: \"bg-green-500/[0.06] border-green-500/30\",\n      icon: \"text-green-500\",\n      title: \"text-green-600 dark:text-green-400\",\n    },\n  ],\n  [\n    \"error\",\n    {\n      container: \"bg-red-500/[0.06] border-red-500/30\",\n      icon: \"text-red-500\",\n      title: \"text-red-600 dark:text-red-400\",\n    },\n  ],\n  [\n    \"warning\",\n    {\n      container: \"bg-amber-500/[0.08] border-amber-500/40\",\n      icon: \"text-amber-600 dark:text-amber-400\",\n      title: \"text-amber-700 dark:text-amber-300\",\n    },\n  ],\n  [\n    \"info\",\n    {\n      container: \"border-blue-500/20 bg-blue-50/90 ring-1 ring-blue-500/10 dark:border-blue-500/30 dark:bg-blue-500/[0.06] dark:ring-0\",\n      icon: \"text-blue-600 dark:text-blue-400\",\n      title: \"text-blue-700 dark:text-blue-400\",\n    },\n  ],\n]);\n\nfunction getMapValueOrThrow<TKey, TValue>(map: Map<TKey, TValue>, key: TKey, mapName: string) {\n  const value = map.get(key);\n  if (!value) {\n    throw new Error(`Missing ${mapName} entry for key \"${String(key)}\"`);\n  }\n  return value;\n}\n\nexport type DesignAlertProps = React.HTMLAttributes<HTMLDivElement> & {\n  variant?: DesignAlertVariant,\n  title?: React.ReactNode,\n  description?: React.ReactNode,\n  glassmorphic?: boolean,\n};\n\nexport function DesignAlert({\n  variant = \"default\",\n  title,\n  description,\n  glassmorphic = false,\n  className,\n  children,\n  ...props\n}: DesignAlertProps) {\n  const styles = getMapValueOrThrow(variantStyles, variant, \"variantStyles\");\n  const Icon = getMapValueOrThrow(variantIconMap, variant, \"variantIconMap\");\n\n  return (\n    <div\n      role=\"alert\"\n      className={cn(\n        \"relative w-full rounded-2xl border p-4 text-sm\",\n        \"flex gap-3 items-start\",\n        styles.container,\n        glassmorphic && \"backdrop-blur-xl\",\n        className\n      )}\n      {...props}\n    >\n      <Icon className={cn(\"h-4 w-4 mt-0.5 flex-shrink-0\", styles.icon)} />\n      <div className=\"min-w-0\">\n        {title && (\n          <h5 className={cn(\"mb-1 font-medium leading-none tracking-tight\", styles.title)}>\n            {title}\n          </h5>\n        )}\n        {description && (\n          <div className=\"text-sm text-foreground/80 dark:text-muted-foreground [&_p]:leading-relaxed\">\n            {description}\n          </div>\n        )}\n        {children}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAOA,MAAM,iBAAiB,IAAI,IAA2C;CACpE,CAAC,WAAW,KAAK;CACjB,CAAC,WAAW,YAAY;CACxB,CAAC,SAAS,QAAQ;CAClB,CAAC,WAAW,cAAc;CAC1B,CAAC,QAAQ,KAAK;CACf,CAAC;AAQF,MAAM,gBAAgB,IAAI,IAAuC;CAC/D,CACE,WACA;EACE,WAAW;EACX,MAAM;EACN,OAAO;EACR,CACF;CACD,CACE,WACA;EACE,WAAW;EACX,MAAM;EACN,OAAO;EACR,CACF;CACD,CACE,SACA;EACE,WAAW;EACX,MAAM;EACN,OAAO;EACR,CACF;CACD,CACE,WACA;EACE,WAAW;EACX,MAAM;EACN,OAAO;EACR,CACF;CACD,CACE,QACA;EACE,WAAW;EACX,MAAM;EACN,OAAO;EACR,CACF;CACF,CAAC;AAEF,SAAS,mBAAiC,KAAwB,KAAW,SAAiB;CAC5F,MAAM,QAAQ,IAAI,IAAI,IAAI;AAC1B,KAAI,CAAC,MACH,OAAM,IAAI,MAAM,WAAW,QAAQ,kBAAkB,OAAO,IAAI,CAAC,GAAG;AAEtE,QAAO;;AAUT,SAAgB,YAAY,EAC1B,UAAU,WACV,OACA,aACA,eAAe,OACf,WACA,UACA,GAAG,SACgB;CACnB,MAAM,SAAS,mBAAmB,eAAe,SAAS,gBAAgB;CAC1E,MAAM,OAAO,mBAAmB,gBAAgB,SAAS,iBAAiB;AAE1E,QACE,qBAAC;EACC,MAAK;EACL,WAAW,GACT,kDACA,0BACA,OAAO,WACP,gBAAgB,oBAChB,UACD;EACD,GAAI;aAEJ,oBAAC,QAAK,WAAW,GAAG,gCAAgC,OAAO,KAAK,GAAI,EACpE,qBAAC;GAAI,WAAU;;IACZ,SACC,oBAAC;KAAG,WAAW,GAAG,gDAAgD,OAAO,MAAM;eAC5E;MACE;IAEN,eACC,oBAAC;KAAI,WAAU;eACZ;MACG;IAEP;;IACG;GACF"}
+{"version":3,"file":"alert.js","names":[],"sources":["../../../src/components/alert.tsx"],"sourcesContent":["\"use client\";\n\nimport { CheckCircle, Info, WarningCircle, XCircle } from \"@phosphor-icons/react\";\nimport { cn } from \"@hexclave/ui\";\n\ntype DesignAlertVariant = \"default\" | \"success\" | \"error\" | \"warning\" | \"info\";\n\nconst variantIconMap = new Map<DesignAlertVariant, React.ElementType>([\n  [\"default\", Info],\n  [\"success\", CheckCircle],\n  [\"error\", XCircle],\n  [\"warning\", WarningCircle],\n  [\"info\", Info],\n]);\n\ntype VariantStyles = {\n  container: string,\n  icon: string,\n  title: string,\n};\n\nconst variantStyles = new Map<DesignAlertVariant, VariantStyles>([\n  [\n    \"default\",\n    {\n      container: \"border-black/[0.08] bg-white/90 ring-1 ring-black/[0.06] dark:border-border dark:bg-background dark:ring-0\",\n      icon: \"text-foreground\",\n      title: \"text-foreground\",\n    },\n  ],\n  [\n    \"success\",\n    {\n      container: \"bg-green-500/[0.06] border-green-500/30\",\n      icon: \"text-green-500\",\n      title: \"text-green-600 dark:text-green-400\",\n    },\n  ],\n  [\n    \"error\",\n    {\n      container: \"bg-red-500/[0.06] border-red-500/30\",\n      icon: \"text-red-500\",\n      title: \"text-red-600 dark:text-red-400\",\n    },\n  ],\n  [\n    \"warning\",\n    {\n      container: \"bg-amber-500/[0.08] border-amber-500/40\",\n      icon: \"text-amber-600 dark:text-amber-400\",\n      title: \"text-amber-700 dark:text-amber-300\",\n    },\n  ],\n  [\n    \"info\",\n    {\n      container: \"border-blue-500/20 bg-blue-50/90 ring-1 ring-blue-500/10 dark:border-blue-500/30 dark:bg-blue-500/[0.06] dark:ring-0\",\n      icon: \"text-blue-600 dark:text-blue-400\",\n      title: \"text-blue-700 dark:text-blue-400\",\n    },\n  ],\n]);\n\nfunction getMapValueOrThrow<TKey, TValue>(map: Map<TKey, TValue>, key: TKey, mapName: string) {\n  const value = map.get(key);\n  if (!value) {\n    throw new Error(`Missing ${mapName} entry for key \"${String(key)}\"`);\n  }\n  return value;\n}\n\nexport type DesignAlertProps = React.HTMLAttributes<HTMLDivElement> & {\n  variant?: DesignAlertVariant,\n  title?: React.ReactNode,\n  description?: React.ReactNode,\n  glassmorphic?: boolean,\n};\n\nexport function DesignAlert({\n  variant = \"default\",\n  title,\n  description,\n  glassmorphic = false,\n  className,\n  children,\n  ...props\n}: DesignAlertProps) {\n  const styles = getMapValueOrThrow(variantStyles, variant, \"variantStyles\");\n  const Icon = getMapValueOrThrow(variantIconMap, variant, \"variantIconMap\");\n\n  return (\n    <div\n      role=\"alert\"\n      className={cn(\n        \"relative w-full rounded-2xl border p-4 text-sm\",\n        \"flex gap-3 items-start\",\n        styles.container,\n        glassmorphic && \"backdrop-blur-xl\",\n        className\n      )}\n      {...props}\n    >\n      <Icon className={cn(\"h-4 w-4 mt-0.5 flex-shrink-0\", styles.icon)} />\n      <div className=\"min-w-0\">\n        {title && (\n          <h5 className={cn(\"mb-1 font-medium leading-none tracking-tight\", styles.title)}>\n            {title}\n          </h5>\n        )}\n        {description && (\n          <div className=\"text-sm text-foreground/80 dark:text-muted-foreground [&_p]:leading-relaxed\">\n            {description}\n          </div>\n        )}\n        {children}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAOA,MAAM,iCAAiB,IAAI,IAA2C;CACpE,CAAC,WAAW,IAAI;CAChB,CAAC,WAAW,WAAW;CACvB,CAAC,SAAS,OAAO;CACjB,CAAC,WAAW,aAAa;CACzB,CAAC,QAAQ,IAAI;AACf,CAAC;AAQD,MAAM,gCAAgB,IAAI,IAAuC;CAC/D,CACE,WACA;EACE,WAAW;EACX,MAAM;EACN,OAAO;CACT,CACF;CACA,CACE,WACA;EACE,WAAW;EACX,MAAM;EACN,OAAO;CACT,CACF;CACA,CACE,SACA;EACE,WAAW;EACX,MAAM;EACN,OAAO;CACT,CACF;CACA,CACE,WACA;EACE,WAAW;EACX,MAAM;EACN,OAAO;CACT,CACF;CACA,CACE,QACA;EACE,WAAW;EACX,MAAM;EACN,OAAO;CACT,CACF;AACF,CAAC;AAED,SAAS,mBAAiC,KAAwB,KAAW,SAAiB;CAC5F,MAAM,QAAQ,IAAI,IAAI,GAAG;CACzB,IAAI,CAAC,OACH,MAAM,IAAI,MAAM,WAAW,QAAQ,kBAAkB,OAAO,GAAG,EAAE,EAAE;CAErE,OAAO;AACT;AASA,SAAgB,YAAY,EAC1B,UAAU,WACV,OACA,aACA,eAAe,OACf,WACA,UACA,GAAG,SACgB;CACnB,MAAM,SAAS,mBAAmB,eAAe,SAAS,eAAe;CACzE,MAAM,OAAO,mBAAmB,gBAAgB,SAAS,gBAAgB;CAEzE,OACE,qBAAC,OAAD;EACE,MAAK;EACL,WAAW,GACT,kDACA,0BACA,OAAO,WACP,gBAAgB,oBAChB,SACF;EACA,GAAI;YATN,CAWE,oBAAC,MAAD,EAAM,WAAW,GAAG,gCAAgC,OAAO,IAAI,EAAI,CAAA,GACnE,qBAAC,OAAD;GAAK,WAAU;aAAf;IACG,SACC,oBAAC,MAAD;KAAI,WAAW,GAAG,gDAAgD,OAAO,KAAK;eAC3E;IACC,CAAA;IAEL,eACC,oBAAC,OAAD;KAAK,WAAU;eACZ;IACE,CAAA;IAEN;GACE;IACF;;AAET"}

package/dist/esm/components/analytics-chart/analytics-chart-pie.d.ts

@@ -1,7 +1,6 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Ref } from "react";
-import { AnalyticsChartStrings } from "./strings";
-import { AnalyticsChartPieProps, AnalyticsChartSeries, FormatKind, Point } from "./types";
+import { AnalyticsChartPieProps, AnalyticsChartSeries, FormatKind, Point } from "./types.js";
+import { AnalyticsChartStrings } from "./strings.js";
 
 //#region src/components/analytics-chart/analytics-chart-pie.d.ts
 type SegmentColors = {
@@ -61,7 +60,7 @@ declare function AnalyticsChartPie({
   strings,
   fmtValue,
   pie
-}: AnalyticsChartPieBodyProps): react_jsx_runtime0.JSX.Element;
+}: AnalyticsChartPieBodyProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { AnalyticsChartPie };
 //# sourceMappingURL=analytics-chart-pie.d.ts.map

package/dist/esm/components/analytics-chart/analytics-chart-pie.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"analytics-chart-pie.d.ts","names":[],"sources":["../../../../src/components/analytics-chart/analytics-chart-pie.tsx"],"mappings":";;;;;;KAgBK,aAAA;EACH,OAAA;IAAW,KAAA;IAAiB,IAAA;EAAA;EAC5B,OAAA;IAAW,KAAA;IAAiB,IAAA;EAAA;AAAA;AAAA,KAGzB,0BAAA;EACH,UAAA,EAAY,GAAA,CAAI,cAAA;EAChB,oBAAA,WAA+B,oBAAA;EAC/B,oBAAA,WAA+B,oBAAA;EAC/B,yBAAA;EACA,yBAAA;EACA,sBAAA;EACA,sBAAA;EACA,aAAA,EAAe,aAAA;EACf,WAAA;EACA,WAAA;EACA,WAAA,EAAa,UAAA;EACb,WAAA,EAAa,UAAA;EACb,QAAA;EACA,WAAA,GAAc,CAAA;EACd,SAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;EACA,QAAA,EAAU,KAAA;EACV,OAAA,EAAS,qBAAA;EACT,QAAA,GAAW,KAAA,UAAe,IAAA,EAAM,UAAA;EAChC,GAAA,EAAK,sBAAA;AAAA;AAAA,iBAKS,iBAAA,CAAA;EACd,UAAA;EACA,oBAAA;EACA,oBAAA;EACA,yBAAA;EACA,yBAAA;EACA,sBAAA;EACA,sBAAA;EACA,aAAA;EACA,WAAA;EACA,WAAA;EACA,WAAA;EACA,WAAA;EACA,QAAA;EACA,WAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;EACA,QAAA;EACA,OAAA;EACA,QAAA;EACA;AAAA,GACC,0BAAA,GAA0B,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"analytics-chart-pie.d.ts","names":[],"sources":["../../../../src/components/analytics-chart/analytics-chart-pie.tsx"],"mappings":";;;;;KAgBK,aAAA;EACH,OAAA;IAAW,KAAA;IAAiB,IAAA;EAAA;EAC5B,OAAA;IAAW,KAAA;IAAiB,IAAA;EAAA;AAAA;AAAA,KAGzB,0BAAA;EACH,UAAA,EAAY,GAAA,CAAI,cAAA;EAChB,oBAAA,WAA+B,oBAAA;EAC/B,oBAAA,WAA+B,oBAAA;EAC/B,yBAAA;EACA,yBAAA;EACA,sBAAA;EACA,sBAAA;EACA,aAAA,EAAe,aAAA;EACf,WAAA;EACA,WAAA;EACA,WAAA,EAAa,UAAA;EACb,WAAA,EAAa,UAAA;EACb,QAAA;EACA,WAAA,GAAc,CAAA;EACd,SAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;EACA,QAAA,EAAU,KAAA;EACV,OAAA,EAAS,qBAAA;EACT,QAAA,GAAW,KAAA,UAAe,IAAA,EAAM,UAAA;EAChC,GAAA,EAAK,sBAAA;AAAA;AAAA,iBAKS,iBAAA;EACd,UAAA;EACA,oBAAA;EACA,oBAAA;EACA,yBAAA;EACA,yBAAA;EACA,sBAAA;EACA,sBAAA;EACA,aAAA;EACA,WAAA;EACA,WAAA;EACA,WAAA;EACA,WAAA;EACA,QAAA;EACA,WAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;EACA,QAAA;EACA,OAAA;EACA,QAAA;EACA;AAAA,GACC,0BAAA,+BAA0B,GAAA,CAAA,OAAA"}

package/dist/esm/components/analytics-chart/analytics-chart-pie.js

@@ -7,7 +7,6 @@ import { DesignChartContainer } from "../chart-container.js";
 import { TrendPill } from "./default-analytics-chart-tooltip.js";
 import { formatDelta } from "./format.js";
 import { cssIdent } from "./types.js";
-
 //#region src/components/analytics-chart/analytics-chart-pie.tsx
 const DEFAULT_PIE_CLASSNAME = "aspect-square h-[220px] w-[220px] sm:h-[240px] sm:w-[240px]";
 function AnalyticsChartPie({ wrapperRef, primarySegmentSeries, compareSegmentSeries, aggregatedPrimarySegments, aggregatedCompareSegments, aggregatedPrimaryTotal, aggregatedCompareTotal, segmentColors, showPrimary, showCompare, xFormatKind, yFormatKind, hoverKey, setHoverKey, zoomRange, onResetZoom, visibleStart, visibleEnd, fullData, strings, fmtValue, pie }) {
@@ -267,7 +266,7 @@ function AnalyticsChartPie({ wrapperRef, primarySegmentSeries, compareSegmentSer
 		})]
 	});
 }
-
 //#endregion
 export { AnalyticsChartPie };
+
 //# sourceMappingURL=analytics-chart-pie.js.map

package/dist/esm/components/analytics-chart/analytics-chart-pie.js.map

@@ -1 +1 @@
-{"version":3,"file":"analytics-chart-pie.js","names":[],"sources":["../../../../src/components/analytics-chart/analytics-chart-pie.tsx"],"sourcesContent":["import { MagnifyingGlassMinusIcon } from \"@phosphor-icons/react\";\nimport { cn } from \"@hexclave/ui\";\nimport { type DesignChartConfig, DesignChartContainer } from \"../chart-container\";\nimport { type CSSProperties, type Ref, useEffect, useMemo, useState } from \"react\";\nimport { Cell, Pie, PieChart } from \"recharts\";\nimport { TrendPill } from \"./default-analytics-chart-tooltip\";\nimport { formatDelta } from \"./format\";\nimport type { AnalyticsChartStrings } from \"./strings\";\nimport {\n  cssIdent,\n  type AnalyticsChartPieProps,\n  type AnalyticsChartSeries,\n  type FormatKind,\n  type Point,\n} from \"./types\";\n\ntype SegmentColors = {\n  primary: { light: string[], dark: string[] },\n  compare: { light: string[], dark: string[] },\n};\n\ntype AnalyticsChartPieBodyProps = {\n  wrapperRef: Ref<HTMLDivElement>,\n  primarySegmentSeries: readonly AnalyticsChartSeries[],\n  compareSegmentSeries: readonly AnalyticsChartSeries[],\n  aggregatedPrimarySegments: number[],\n  aggregatedCompareSegments: number[],\n  aggregatedPrimaryTotal: number,\n  aggregatedCompareTotal: number,\n  segmentColors: SegmentColors,\n  showPrimary: boolean,\n  showCompare: boolean,\n  xFormatKind: FormatKind,\n  yFormatKind: FormatKind,\n  hoverKey: string | null,\n  setHoverKey: (k: string | null) => void,\n  zoomRange: [number, number] | null,\n  onResetZoom: () => void,\n  visibleStart: number,\n  visibleEnd: number,\n  fullData: Point[],\n  strings: AnalyticsChartStrings,\n  fmtValue: (value: number, kind: FormatKind) => string,\n  pie: AnalyticsChartPieProps | undefined,\n};\n\nconst DEFAULT_PIE_CLASSNAME = \"aspect-square h-[220px] w-[220px] sm:h-[240px] sm:w-[240px]\";\n\nexport function AnalyticsChartPie({\n  wrapperRef,\n  primarySegmentSeries,\n  compareSegmentSeries,\n  aggregatedPrimarySegments,\n  aggregatedCompareSegments,\n  aggregatedPrimaryTotal,\n  aggregatedCompareTotal,\n  segmentColors,\n  showPrimary,\n  showCompare,\n  xFormatKind,\n  yFormatKind,\n  hoverKey,\n  setHoverKey,\n  zoomRange,\n  onResetZoom,\n  visibleStart,\n  visibleEnd,\n  fullData,\n  strings,\n  fmtValue,\n  pie,\n}: AnalyticsChartPieBodyProps) {\n  const innerRadius = pie?.innerRadius ?? 60;\n  const outerRadius = pie?.outerRadius ?? 84;\n  const compareInnerRadius = pie?.compareInnerRadius ?? 36;\n  const compareOuterRadius = pie?.compareOuterRadius ?? 52;\n  const containerClassName = pie?.className ?? DEFAULT_PIE_CLASSNAME;\n  const showDateRange = pie?.showDateRange ?? true;\n  const centerTextMaxWidth = Math.max(64, innerRadius * 2 - 28);\n  const segmentTransitionStyle: CSSProperties = {\n    transition: \"opacity 180ms ease-out\",\n  };\n\n  const canonicalSeries = primarySegmentSeries.length > 0\n    ? primarySegmentSeries\n    : compareSegmentSeries;\n  const usePrimaryForCanonical = primarySegmentSeries.length > 0;\n\n  const compareValueByKey = useMemo(() => {\n    const m = new Map<string, number>();\n    compareSegmentSeries.forEach((s, sIdx) => {\n      m.set(s.key, aggregatedCompareSegments[sIdx] ?? 0);\n    });\n    return m;\n  }, [compareSegmentSeries, aggregatedCompareSegments]);\n  const primaryValueByKey = useMemo(() => {\n    const m = new Map<string, number>();\n    primarySegmentSeries.forEach((s, sIdx) => {\n      m.set(s.key, aggregatedPrimarySegments[sIdx] ?? 0);\n    });\n    return m;\n  }, [primarySegmentSeries, aggregatedPrimarySegments]);\n\n  const canonicalTotal = usePrimaryForCanonical\n    ? aggregatedPrimaryTotal\n    : aggregatedCompareTotal;\n\n  const legendRows = useMemo(\n    () =>\n      canonicalSeries\n        .map((s, sIdx) => {\n          const value = usePrimaryForCanonical\n            ? (aggregatedPrimarySegments[sIdx] ?? 0)\n            : (aggregatedCompareSegments[sIdx] ?? 0);\n          const prevValue = usePrimaryForCanonical\n            ? (compareValueByKey.get(s.key) ?? 0)\n            : (primaryValueByKey.get(s.key) ?? 0);\n          return {\n            key: s.key,\n            label: s.label,\n            sIdx,\n            value,\n            prevValue,\n            pct: canonicalTotal > 0 ? value / canonicalTotal : 0,\n            fill: segmentColors.primary.light[sIdx],\n            fillDark: segmentColors.primary.dark[sIdx],\n            fillCompare: segmentColors.compare.light[sIdx],\n            fillCompareDark: segmentColors.compare.dark[sIdx],\n          };\n        })\n        .sort((a, b) => b.value - a.value),\n    [\n      canonicalSeries,\n      usePrimaryForCanonical,\n      aggregatedPrimarySegments,\n      aggregatedCompareSegments,\n      compareValueByKey,\n      primaryValueByKey,\n      canonicalTotal,\n      segmentColors,\n    ],\n  );\n\n  const chartConfig = useMemo<DesignChartConfig>(() => {\n    const config: DesignChartConfig = {};\n    canonicalSeries.forEach((s, sIdx) => {\n      config[cssIdent(s.key)] = {\n        label: s.label,\n        theme: {\n          light: segmentColors.primary.light[sIdx],\n          dark: segmentColors.primary.dark[sIdx],\n        },\n      };\n      config[`compare-${cssIdent(s.key)}`] = {\n        label: s.label,\n        theme: {\n          light: segmentColors.compare.light[sIdx],\n          dark: segmentColors.compare.dark[sIdx],\n        },\n      };\n    });\n    return config;\n  }, [canonicalSeries, segmentColors]);\n\n  const activeRow = hoverKey != null\n    ? legendRows.find((r) => r.key === hoverKey) ?? null\n    : null;\n  const [centerDisplayKey, setCenterDisplayKey] = useState<string | null>(null);\n  const [centerDisplayVisible, setCenterDisplayVisible] = useState(true);\n  const centerDisplayRow = centerDisplayKey != null\n    ? legendRows.find((r) => r.key === centerDisplayKey) ?? null\n    : null;\n  useEffect(() => {\n    const nextKey = activeRow?.key ?? null;\n    if (nextKey === centerDisplayKey) {\n      return;\n    }\n\n    setCenterDisplayVisible(false);\n    const timeoutId = window.setTimeout(() => {\n      setCenterDisplayKey(nextKey);\n      setCenterDisplayVisible(true);\n    }, 120);\n\n    return () => {\n      window.clearTimeout(timeoutId);\n    };\n  }, [activeRow?.key, centerDisplayKey]);\n\n  const activeDelta = activeRow\n    ? formatDelta(activeRow.value, activeRow.prevValue)\n    : formatDelta(aggregatedPrimaryTotal, aggregatedCompareTotal);\n\n  const windowDays = visibleEnd - visibleStart + 1;\n  const startLabel = fmtValue(fullData[visibleStart]!.ts, xFormatKind);\n  const endLabel = fmtValue(fullData[visibleEnd]!.ts, xFormatKind);\n\n  const outerData = legendRows.map((r) => ({ name: cssIdent(r.key), hoverKey: r.key, value: r.value, fill: r.fill }));\n  const innerData = legendRows.map((r) => ({ name: cssIdent(r.key), hoverKey: r.key, value: r.prevValue, fill: r.fillCompare }));\n  const activeIdx = hoverKey != null ? legendRows.findIndex((r) => r.key === hoverKey) : -1;\n\n  return (\n    <div\n      ref={wrapperRef}\n      className=\"relative flex h-full min-h-0 w-full min-w-0 flex-1 flex-col select-none\"\n      onClick={(e) => e.stopPropagation()}\n    >\n      {zoomRange && (\n        <div className=\"absolute right-2 top-2 z-20\">\n          <button\n            type=\"button\"\n            onClick={onResetZoom}\n            className=\"inline-flex items-center gap-1.5 rounded-full bg-blue-500/10 px-2.5 py-1 font-mono text-[10px] font-semibold uppercase tracking-wider text-blue-600 ring-1 ring-blue-500/30 transition-colors duration-150 hover:bg-blue-500/15 hover:transition-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/50 dark:text-blue-300 dark:ring-blue-400/30\"\n          >\n            <MagnifyingGlassMinusIcon weight=\"bold\" className=\"size-3\" aria-hidden=\"true\" />\n            <span>{strings.resetZoom}</span>\n          </button>\n        </div>\n      )}\n\n      <div className=\"flex h-full min-h-0 w-full flex-1 flex-wrap content-center items-center justify-center gap-x-10 gap-y-6\">\n        <div className=\"flex shrink-0 flex-col items-center gap-3\">\n          <div className=\"relative\">\n            <DesignChartContainer config={chartConfig} className={containerClassName}>\n              <PieChart\n                role=\"img\"\n                aria-label={strings.pieAriaLabel({\n                  segmentCount: canonicalSeries.length,\n                  windowDays,\n                })}\n              >\n                {showPrimary && (\n                  <Pie\n                    data={outerData}\n                    dataKey=\"value\"\n                    nameKey=\"name\"\n                    cx=\"50%\"\n                    cy=\"50%\"\n                    innerRadius={innerRadius}\n                    outerRadius={outerRadius}\n                    paddingAngle={1}\n                    startAngle={90}\n                    endAngle={-270}\n                    isAnimationActive={false}\n                    stroke=\"none\"\n                  >\n                    {outerData.map((d, i) => {\n                      const inactive = activeIdx >= 0 && activeIdx !== i;\n                      return (\n                        <Cell\n                          key={`outer-${d.name}`}\n                          fill={`var(--color-${d.name})`}\n                          opacity={inactive ? 0.22 : 1}\n                          style={segmentTransitionStyle}\n                          onMouseEnter={() => setHoverKey(d.hoverKey)}\n                          onMouseLeave={() => setHoverKey(null)}\n                        />\n                      );\n                    })}\n                  </Pie>\n                )}\n                {showCompare && (\n                  <Pie\n                    data={innerData}\n                    dataKey=\"value\"\n                    nameKey=\"name\"\n                    cx=\"50%\"\n                    cy=\"50%\"\n                    innerRadius={compareInnerRadius}\n                    outerRadius={compareOuterRadius}\n                    paddingAngle={1}\n                    startAngle={90}\n                    endAngle={-270}\n                    isAnimationActive={false}\n                    stroke=\"none\"\n                  >\n                    {innerData.map((d, i) => {\n                      const inactive = activeIdx >= 0 && activeIdx !== i;\n                      return (\n                        <Cell\n                          key={`inner-${d.name}`}\n                          fill={`var(--color-compare-${d.name})`}\n                          opacity={inactive ? 0.22 : 0.95}\n                          style={segmentTransitionStyle}\n                          onMouseEnter={() => setHoverKey(d.hoverKey)}\n                          onMouseLeave={() => setHoverKey(null)}\n                        />\n                      );\n                    })}\n                  </Pie>\n                )}\n              </PieChart>\n            </DesignChartContainer>\n\n            <div\n              className={cn(\n                \"pointer-events-none absolute inset-0 flex flex-col items-center justify-center text-center transition-opacity duration-200 ease-out\",\n                centerDisplayVisible ? \"opacity-100\" : \"opacity-35\",\n              )}\n            >\n              <span className=\"block truncate font-mono text-[9px] uppercase tracking-wider text-muted-foreground\" style={{ maxWidth: centerTextMaxWidth }}>\n                {centerDisplayRow ? centerDisplayRow.label : strings.pieTotalCenter}\n              </span>\n              <span className=\"mt-0.5 block truncate font-mono text-xl font-semibold leading-none tabular-nums text-foreground\" style={{ maxWidth: centerTextMaxWidth }}>\n                {fmtValue(centerDisplayRow ? centerDisplayRow.value : canonicalTotal, yFormatKind)}\n              </span>\n            </div>\n          </div>\n\n          {(showDateRange || showCompare) && (\n            <div className=\"flex items-center gap-2 text-center\">\n              {showDateRange && (\n                <span className=\"font-mono text-[10px] uppercase tracking-wider text-muted-foreground/80\">\n                  {startLabel} – {endLabel}\n                </span>\n              )}\n              {showCompare && (\n                <TrendPill delta={activeDelta} size=\"sm\" label={strings.pieVsPrev} />\n              )}\n            </div>\n          )}\n        </div>\n\n        <ul className=\"flex min-w-[200px] max-w-[300px] flex-col gap-1\">\n          {legendRows.map((r) => {\n            const isActive = hoverKey === r.key;\n            const dimmed = hoverKey != null && !isActive;\n            const rowDelta = formatDelta(r.value, r.prevValue);\n            return (\n              <li key={r.key}>\n                <button\n                  type=\"button\"\n                  onMouseEnter={() => setHoverKey(r.key)}\n                  onMouseLeave={() => setHoverKey(null)}\n                  onFocus={() => setHoverKey(r.key)}\n                  onBlur={() => setHoverKey(null)}\n                  className={cn(\n                    \"flex w-full items-center gap-2.5 rounded-md px-2 py-1.5 text-left transition-[background-color,opacity] duration-200 ease-out hover:bg-foreground/[0.04] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-foreground/20\",\n                    isActive && \"bg-foreground/[0.05]\",\n                    dimmed && \"opacity-50\",\n                  )}\n                >\n                  <span\n                    className=\"size-2.5 shrink-0 rounded-[3px] bg-[var(--c-l)] dark:bg-[var(--c-d)]\"\n                    style={{ \"--c-l\": r.fill, \"--c-d\": r.fillDark } as CSSProperties}\n                  />\n                  <span className=\"min-w-0 flex-1 truncate text-[12px] font-medium text-foreground\">\n                    {r.label}\n                  </span>\n                  <span className=\"shrink-0 font-mono text-[11px] tabular-nums text-muted-foreground\">\n                    {(r.pct * 100).toFixed(1)}%\n                  </span>\n                  <span className=\"shrink-0 min-w-[48px] text-right font-mono text-[11px] font-semibold tabular-nums text-foreground\">\n                    {fmtValue(r.value, yFormatKind)}\n                  </span>\n                  {showCompare && (\n                    <span className=\"shrink-0\">\n                      <TrendPill delta={rowDelta} size=\"sm\" />\n                    </span>\n                  )}\n                </button>\n              </li>\n            );\n          })}\n        </ul>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"analytics-chart-pie.js","names":[],"sources":["../../../../src/components/analytics-chart/analytics-chart-pie.tsx"],"sourcesContent":["import { MagnifyingGlassMinusIcon } from \"@phosphor-icons/react\";\nimport { cn } from \"@hexclave/ui\";\nimport { type DesignChartConfig, DesignChartContainer } from \"../chart-container\";\nimport { type CSSProperties, type Ref, useEffect, useMemo, useState } from \"react\";\nimport { Cell, Pie, PieChart } from \"recharts\";\nimport { TrendPill } from \"./default-analytics-chart-tooltip\";\nimport { formatDelta } from \"./format\";\nimport type { AnalyticsChartStrings } from \"./strings\";\nimport {\n  cssIdent,\n  type AnalyticsChartPieProps,\n  type AnalyticsChartSeries,\n  type FormatKind,\n  type Point,\n} from \"./types\";\n\ntype SegmentColors = {\n  primary: { light: string[], dark: string[] },\n  compare: { light: string[], dark: string[] },\n};\n\ntype AnalyticsChartPieBodyProps = {\n  wrapperRef: Ref<HTMLDivElement>,\n  primarySegmentSeries: readonly AnalyticsChartSeries[],\n  compareSegmentSeries: readonly AnalyticsChartSeries[],\n  aggregatedPrimarySegments: number[],\n  aggregatedCompareSegments: number[],\n  aggregatedPrimaryTotal: number,\n  aggregatedCompareTotal: number,\n  segmentColors: SegmentColors,\n  showPrimary: boolean,\n  showCompare: boolean,\n  xFormatKind: FormatKind,\n  yFormatKind: FormatKind,\n  hoverKey: string | null,\n  setHoverKey: (k: string | null) => void,\n  zoomRange: [number, number] | null,\n  onResetZoom: () => void,\n  visibleStart: number,\n  visibleEnd: number,\n  fullData: Point[],\n  strings: AnalyticsChartStrings,\n  fmtValue: (value: number, kind: FormatKind) => string,\n  pie: AnalyticsChartPieProps | undefined,\n};\n\nconst DEFAULT_PIE_CLASSNAME = \"aspect-square h-[220px] w-[220px] sm:h-[240px] sm:w-[240px]\";\n\nexport function AnalyticsChartPie({\n  wrapperRef,\n  primarySegmentSeries,\n  compareSegmentSeries,\n  aggregatedPrimarySegments,\n  aggregatedCompareSegments,\n  aggregatedPrimaryTotal,\n  aggregatedCompareTotal,\n  segmentColors,\n  showPrimary,\n  showCompare,\n  xFormatKind,\n  yFormatKind,\n  hoverKey,\n  setHoverKey,\n  zoomRange,\n  onResetZoom,\n  visibleStart,\n  visibleEnd,\n  fullData,\n  strings,\n  fmtValue,\n  pie,\n}: AnalyticsChartPieBodyProps) {\n  const innerRadius = pie?.innerRadius ?? 60;\n  const outerRadius = pie?.outerRadius ?? 84;\n  const compareInnerRadius = pie?.compareInnerRadius ?? 36;\n  const compareOuterRadius = pie?.compareOuterRadius ?? 52;\n  const containerClassName = pie?.className ?? DEFAULT_PIE_CLASSNAME;\n  const showDateRange = pie?.showDateRange ?? true;\n  const centerTextMaxWidth = Math.max(64, innerRadius * 2 - 28);\n  const segmentTransitionStyle: CSSProperties = {\n    transition: \"opacity 180ms ease-out\",\n  };\n\n  const canonicalSeries = primarySegmentSeries.length > 0\n    ? primarySegmentSeries\n    : compareSegmentSeries;\n  const usePrimaryForCanonical = primarySegmentSeries.length > 0;\n\n  const compareValueByKey = useMemo(() => {\n    const m = new Map<string, number>();\n    compareSegmentSeries.forEach((s, sIdx) => {\n      m.set(s.key, aggregatedCompareSegments[sIdx] ?? 0);\n    });\n    return m;\n  }, [compareSegmentSeries, aggregatedCompareSegments]);\n  const primaryValueByKey = useMemo(() => {\n    const m = new Map<string, number>();\n    primarySegmentSeries.forEach((s, sIdx) => {\n      m.set(s.key, aggregatedPrimarySegments[sIdx] ?? 0);\n    });\n    return m;\n  }, [primarySegmentSeries, aggregatedPrimarySegments]);\n\n  const canonicalTotal = usePrimaryForCanonical\n    ? aggregatedPrimaryTotal\n    : aggregatedCompareTotal;\n\n  const legendRows = useMemo(\n    () =>\n      canonicalSeries\n        .map((s, sIdx) => {\n          const value = usePrimaryForCanonical\n            ? (aggregatedPrimarySegments[sIdx] ?? 0)\n            : (aggregatedCompareSegments[sIdx] ?? 0);\n          const prevValue = usePrimaryForCanonical\n            ? (compareValueByKey.get(s.key) ?? 0)\n            : (primaryValueByKey.get(s.key) ?? 0);\n          return {\n            key: s.key,\n            label: s.label,\n            sIdx,\n            value,\n            prevValue,\n            pct: canonicalTotal > 0 ? value / canonicalTotal : 0,\n            fill: segmentColors.primary.light[sIdx],\n            fillDark: segmentColors.primary.dark[sIdx],\n            fillCompare: segmentColors.compare.light[sIdx],\n            fillCompareDark: segmentColors.compare.dark[sIdx],\n          };\n        })\n        .sort((a, b) => b.value - a.value),\n    [\n      canonicalSeries,\n      usePrimaryForCanonical,\n      aggregatedPrimarySegments,\n      aggregatedCompareSegments,\n      compareValueByKey,\n      primaryValueByKey,\n      canonicalTotal,\n      segmentColors,\n    ],\n  );\n\n  const chartConfig = useMemo<DesignChartConfig>(() => {\n    const config: DesignChartConfig = {};\n    canonicalSeries.forEach((s, sIdx) => {\n      config[cssIdent(s.key)] = {\n        label: s.label,\n        theme: {\n          light: segmentColors.primary.light[sIdx],\n          dark: segmentColors.primary.dark[sIdx],\n        },\n      };\n      config[`compare-${cssIdent(s.key)}`] = {\n        label: s.label,\n        theme: {\n          light: segmentColors.compare.light[sIdx],\n          dark: segmentColors.compare.dark[sIdx],\n        },\n      };\n    });\n    return config;\n  }, [canonicalSeries, segmentColors]);\n\n  const activeRow = hoverKey != null\n    ? legendRows.find((r) => r.key === hoverKey) ?? null\n    : null;\n  const [centerDisplayKey, setCenterDisplayKey] = useState<string | null>(null);\n  const [centerDisplayVisible, setCenterDisplayVisible] = useState(true);\n  const centerDisplayRow = centerDisplayKey != null\n    ? legendRows.find((r) => r.key === centerDisplayKey) ?? null\n    : null;\n  useEffect(() => {\n    const nextKey = activeRow?.key ?? null;\n    if (nextKey === centerDisplayKey) {\n      return;\n    }\n\n    setCenterDisplayVisible(false);\n    const timeoutId = window.setTimeout(() => {\n      setCenterDisplayKey(nextKey);\n      setCenterDisplayVisible(true);\n    }, 120);\n\n    return () => {\n      window.clearTimeout(timeoutId);\n    };\n  }, [activeRow?.key, centerDisplayKey]);\n\n  const activeDelta = activeRow\n    ? formatDelta(activeRow.value, activeRow.prevValue)\n    : formatDelta(aggregatedPrimaryTotal, aggregatedCompareTotal);\n\n  const windowDays = visibleEnd - visibleStart + 1;\n  const startLabel = fmtValue(fullData[visibleStart]!.ts, xFormatKind);\n  const endLabel = fmtValue(fullData[visibleEnd]!.ts, xFormatKind);\n\n  const outerData = legendRows.map((r) => ({ name: cssIdent(r.key), hoverKey: r.key, value: r.value, fill: r.fill }));\n  const innerData = legendRows.map((r) => ({ name: cssIdent(r.key), hoverKey: r.key, value: r.prevValue, fill: r.fillCompare }));\n  const activeIdx = hoverKey != null ? legendRows.findIndex((r) => r.key === hoverKey) : -1;\n\n  return (\n    <div\n      ref={wrapperRef}\n      className=\"relative flex h-full min-h-0 w-full min-w-0 flex-1 flex-col select-none\"\n      onClick={(e) => e.stopPropagation()}\n    >\n      {zoomRange && (\n        <div className=\"absolute right-2 top-2 z-20\">\n          <button\n            type=\"button\"\n            onClick={onResetZoom}\n            className=\"inline-flex items-center gap-1.5 rounded-full bg-blue-500/10 px-2.5 py-1 font-mono text-[10px] font-semibold uppercase tracking-wider text-blue-600 ring-1 ring-blue-500/30 transition-colors duration-150 hover:bg-blue-500/15 hover:transition-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/50 dark:text-blue-300 dark:ring-blue-400/30\"\n          >\n            <MagnifyingGlassMinusIcon weight=\"bold\" className=\"size-3\" aria-hidden=\"true\" />\n            <span>{strings.resetZoom}</span>\n          </button>\n        </div>\n      )}\n\n      <div className=\"flex h-full min-h-0 w-full flex-1 flex-wrap content-center items-center justify-center gap-x-10 gap-y-6\">\n        <div className=\"flex shrink-0 flex-col items-center gap-3\">\n          <div className=\"relative\">\n            <DesignChartContainer config={chartConfig} className={containerClassName}>\n              <PieChart\n                role=\"img\"\n                aria-label={strings.pieAriaLabel({\n                  segmentCount: canonicalSeries.length,\n                  windowDays,\n                })}\n              >\n                {showPrimary && (\n                  <Pie\n                    data={outerData}\n                    dataKey=\"value\"\n                    nameKey=\"name\"\n                    cx=\"50%\"\n                    cy=\"50%\"\n                    innerRadius={innerRadius}\n                    outerRadius={outerRadius}\n                    paddingAngle={1}\n                    startAngle={90}\n                    endAngle={-270}\n                    isAnimationActive={false}\n                    stroke=\"none\"\n                  >\n                    {outerData.map((d, i) => {\n                      const inactive = activeIdx >= 0 && activeIdx !== i;\n                      return (\n                        <Cell\n                          key={`outer-${d.name}`}\n                          fill={`var(--color-${d.name})`}\n                          opacity={inactive ? 0.22 : 1}\n                          style={segmentTransitionStyle}\n                          onMouseEnter={() => setHoverKey(d.hoverKey)}\n                          onMouseLeave={() => setHoverKey(null)}\n                        />\n                      );\n                    })}\n                  </Pie>\n                )}\n                {showCompare && (\n                  <Pie\n                    data={innerData}\n                    dataKey=\"value\"\n                    nameKey=\"name\"\n                    cx=\"50%\"\n                    cy=\"50%\"\n                    innerRadius={compareInnerRadius}\n                    outerRadius={compareOuterRadius}\n                    paddingAngle={1}\n                    startAngle={90}\n                    endAngle={-270}\n                    isAnimationActive={false}\n                    stroke=\"none\"\n                  >\n                    {innerData.map((d, i) => {\n                      const inactive = activeIdx >= 0 && activeIdx !== i;\n                      return (\n                        <Cell\n                          key={`inner-${d.name}`}\n                          fill={`var(--color-compare-${d.name})`}\n                          opacity={inactive ? 0.22 : 0.95}\n                          style={segmentTransitionStyle}\n                          onMouseEnter={() => setHoverKey(d.hoverKey)}\n                          onMouseLeave={() => setHoverKey(null)}\n                        />\n                      );\n                    })}\n                  </Pie>\n                )}\n              </PieChart>\n            </DesignChartContainer>\n\n            <div\n              className={cn(\n                \"pointer-events-none absolute inset-0 flex flex-col items-center justify-center text-center transition-opacity duration-200 ease-out\",\n                centerDisplayVisible ? \"opacity-100\" : \"opacity-35\",\n              )}\n            >\n              <span className=\"block truncate font-mono text-[9px] uppercase tracking-wider text-muted-foreground\" style={{ maxWidth: centerTextMaxWidth }}>\n                {centerDisplayRow ? centerDisplayRow.label : strings.pieTotalCenter}\n              </span>\n              <span className=\"mt-0.5 block truncate font-mono text-xl font-semibold leading-none tabular-nums text-foreground\" style={{ maxWidth: centerTextMaxWidth }}>\n                {fmtValue(centerDisplayRow ? centerDisplayRow.value : canonicalTotal, yFormatKind)}\n              </span>\n            </div>\n          </div>\n\n          {(showDateRange || showCompare) && (\n            <div className=\"flex items-center gap-2 text-center\">\n              {showDateRange && (\n                <span className=\"font-mono text-[10px] uppercase tracking-wider text-muted-foreground/80\">\n                  {startLabel} – {endLabel}\n                </span>\n              )}\n              {showCompare && (\n                <TrendPill delta={activeDelta} size=\"sm\" label={strings.pieVsPrev} />\n              )}\n            </div>\n          )}\n        </div>\n\n        <ul className=\"flex min-w-[200px] max-w-[300px] flex-col gap-1\">\n          {legendRows.map((r) => {\n            const isActive = hoverKey === r.key;\n            const dimmed = hoverKey != null && !isActive;\n            const rowDelta = formatDelta(r.value, r.prevValue);\n            return (\n              <li key={r.key}>\n                <button\n                  type=\"button\"\n                  onMouseEnter={() => setHoverKey(r.key)}\n                  onMouseLeave={() => setHoverKey(null)}\n                  onFocus={() => setHoverKey(r.key)}\n                  onBlur={() => setHoverKey(null)}\n                  className={cn(\n                    \"flex w-full items-center gap-2.5 rounded-md px-2 py-1.5 text-left transition-[background-color,opacity] duration-200 ease-out hover:bg-foreground/[0.04] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-foreground/20\",\n                    isActive && \"bg-foreground/[0.05]\",\n                    dimmed && \"opacity-50\",\n                  )}\n                >\n                  <span\n                    className=\"size-2.5 shrink-0 rounded-[3px] bg-[var(--c-l)] dark:bg-[var(--c-d)]\"\n                    style={{ \"--c-l\": r.fill, \"--c-d\": r.fillDark } as CSSProperties}\n                  />\n                  <span className=\"min-w-0 flex-1 truncate text-[12px] font-medium text-foreground\">\n                    {r.label}\n                  </span>\n                  <span className=\"shrink-0 font-mono text-[11px] tabular-nums text-muted-foreground\">\n                    {(r.pct * 100).toFixed(1)}%\n                  </span>\n                  <span className=\"shrink-0 min-w-[48px] text-right font-mono text-[11px] font-semibold tabular-nums text-foreground\">\n                    {fmtValue(r.value, yFormatKind)}\n                  </span>\n                  {showCompare && (\n                    <span className=\"shrink-0\">\n                      <TrendPill delta={rowDelta} size=\"sm\" />\n                    </span>\n                  )}\n                </button>\n              </li>\n            );\n          })}\n        </ul>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/esm/components/analytics-chart/analytics-chart.d.ts

@@ -1,8 +1,7 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ReactNode } from "react";
-import { AnalyticsChartStrings } from "./strings";
-import { AnalyticsChartPalette, AnalyticsChartPieProps, AnalyticsChartState, Annotation, FormatKind, Point } from "./types";
-import { AnalyticsChartTooltipContext } from "./default-analytics-chart-tooltip";
+import { AnalyticsChartTooltipContext } from "./default-analytics-chart-tooltip.js";
+import { AnalyticsChartPalette, AnalyticsChartPieProps, AnalyticsChartState, Annotation, FormatKind, Point } from "./types.js";
+import { AnalyticsChartStrings } from "./strings.js";
 
 //#region src/components/analytics-chart/analytics-chart.d.ts
 /** Mirrors Recharts' internal `Margin` shape (not exported from their typings). */
@@ -548,7 +547,7 @@ declare function AnalyticsChart({
   yDomainPadding,
   pie,
   valueFormatter
-}: AnalyticsChartProps): react_jsx_runtime0.JSX.Element;
+}: AnalyticsChartProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { AnalyticsChart, AnalyticsChartProps, Margin };
 //# sourceMappingURL=analytics-chart.d.ts.map

package/dist/esm/components/analytics-chart/analytics-chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"analytics-chart.d.ts","names":[],"sources":["../../../../src/components/analytics-chart/analytics-chart.tsx"],"mappings":";;;;;;;;KAyEY,MAAA;EACV,GAAA;EACA,KAAA;EACA,MAAA;EACA,IAAA;AAAA;;;;;;;AA6SF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4SA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA5SY,mBAAA;;;EAGV,IAAA,EAAM,KAAA;EAEN,WAAA,GAAc,UAAA;;;;;EAKd,KAAA,EAAO,mBAAA;EACP,QAAA,EAAU,KAAA,CAAM,QAAA,CAAS,KAAA,CAAM,cAAA,CAAe,mBAAA;;;EAG9C,kBAAA,IAAsB,UAAA,EAAY,UAAA;EAElC,OAAA,GAAU,OAAA,CAAQ,qBAAA;;;EAGlB,OAAA,GAAU,OAAA,CAAQ,qBAAA;;;;EAIlB,aAAA,IAAiB,GAAA,EAAK,4BAAA,KAAiC,SAAA;;;;EAIvD,UAAA,GAAa,MAAA;EAEb,UAAA;EAEA,cAAA;EAEA,GAAA,GAAM,sBAAA;;;EAGN,cAAA,IAAkB,KAAA,UAAe,IAAA,EAAM,UAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAwQzB,cAAA,CAAA;EACd,IAAA,EAAM,QAAA;EACN,WAAA,EAAa,eAAA;EACb,KAAA;EACA,QAAA;EACA,kBAAA;EACA,OAAA,EAAS,eAAA;EACT,OAAA,EAAS,eAAA;EACT,aAAA;EACA,UAAA;EACA,UAAA;EACA,cAAA;EACA,GAAA;EACA;AAAA,GACC,mBAAA,GAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"analytics-chart.d.ts","names":[],"sources":["../../../../src/components/analytics-chart/analytics-chart.tsx"],"mappings":";;;;;;;KAyEY,MAAA;EACV,GAAA;EACA,KAAA;EACA,MAAA;EACA,IAAA;AAAA;;;;;AAAI;AA6SN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCmD;AAwQnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA1TV,mBAAA;;;EAGV,IAAA,EAAM,KAAA;EAEN,WAAA,GAAc,UAAA;;;;;EAKd,KAAA,EAAO,mBAAA;EACP,QAAA,EAAU,KAAA,CAAM,QAAA,CAAS,KAAA,CAAM,cAAA,CAAe,mBAAA;;;EAG9C,kBAAA,IAAsB,UAAA,EAAY,UAAA;EAElC,OAAA,GAAU,OAAA,CAAQ,qBAAA;;;EAGlB,OAAA,GAAU,OAAA,CAAQ,qBAAA;;;;EAIlB,aAAA,IAAiB,GAAA,EAAK,4BAAA,KAAiC,SAAA;;;;EAIvD,UAAA,GAAa,MAAA;EAEb,UAAA;EAEA,cAAA;EAEA,GAAA,GAAM,sBAAA;;;EAGN,cAAA,IAAkB,KAAA,UAAe,IAAA,EAAM,UAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAwQzB,cAAA;EACd,IAAA,EAAM,QAAA;EACN,WAAA,EAAa,eAAA;EACb,KAAA;EACA,QAAA;EACA,kBAAA;EACA,OAAA,EAAS,eAAA;EACT,OAAA,EAAS,eAAA;EACT,aAAA;EACA,UAAA;EACA,UAAA;EACA,cAAA;EACA,GAAA;EACA;AAAA,GACC,mBAAA,+BAAmB,GAAA,CAAA,OAAA"}

package/dist/esm/components/analytics-chart/analytics-chart.js

@@ -1,5 +1,4 @@
 "use client";
-
 import { FlagIcon, MagnifyingGlassMinusIcon, MagnifyingGlassPlusIcon, XIcon } from "@phosphor-icons/react";
 import { cn } from "@hexclave/ui";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -15,7 +14,6 @@ import { buildRampColors, resolveAnalyticsChartPalette } from "./palette.js";
 import { renderDataSeries } from "./render-data-series.js";
 import { EMPTY_MATRIX, EMPTY_SERIES, STROKE_DASHARRAY, computeLocalInProgressIdx, findAnnotationsLayer, findCompareLayer, findPrimaryLayer, isAnalyticsChartDataLayer, isTimeseriesState, resolveDataLayerStyle } from "./state.js";
 import { resolveAnalyticsChartStrings } from "./strings.js";
-
 //#region src/components/analytics-chart/analytics-chart.tsx
 const FALLBACK_PRIMARY_STYLE = {
 	color: "#2563eb",
@@ -752,7 +750,7 @@ function AnalyticsChart({ data: fullData, annotations: fullAnnotations = [], sta
 				const hi = Math.max(brushStart, brushEnd);
 				const days = hi - lo + 1;
 				return /* @__PURE__ */ jsx("div", {
-					className: "pointer-events-none absolute -top-1 z-30 -translate-x-1/2 -translate-y-full rounded-lg border border-blue-500/30 bg-background/95 px-3 py-1.5 text-[11px] shadow-lg backdrop-blur-xl dark:border-blue-400/30",
+					className: "pointer-events-none absolute -top-1 z-30 -translate-x-1/2 -translate-y-full rounded-lg border border-blue-500/30 bg-white/95 px-3 py-1.5 text-[11px] shadow-lg backdrop-blur-xl dark:border-blue-400/30 dark:bg-background/95",
 					style: { left: indexToCss((lo + hi) / 2) },
 					children: /* @__PURE__ */ jsxs("div", {
 						className: "flex items-center gap-2",
@@ -813,7 +811,7 @@ function AnalyticsChart({ data: fullData, annotations: fullAnnotations = [], sta
 					className: "absolute top-2 z-30",
 					style: anchorStyle,
 					children: /* @__PURE__ */ jsx("div", {
-						className: "flex items-center gap-1 rounded-full border border-foreground/10 bg-background/95 py-1 pl-2 pr-1 shadow-[0_10px_28px_rgba(15,23,42,0.18)] backdrop-blur-xl dark:shadow-[0_10px_28px_rgba(0,0,0,0.55)]",
+						className: "flex items-center gap-1 rounded-full border border-black/[0.08] bg-white/95 py-1 pl-2 pr-1 shadow-[0_10px_28px_rgba(15,23,42,0.18)] ring-1 ring-black/[0.06] backdrop-blur-xl dark:border-white/[0.08] dark:bg-background/95 dark:ring-white/[0.08] dark:shadow-[0_10px_28px_rgba(0,0,0,0.55)]",
 						children: draft == null ? /* @__PURE__ */ jsxs(Fragment, { children: [
 							/* @__PURE__ */ jsxs("span", {
 								className: "flex items-center gap-1.5 whitespace-nowrap px-1 font-mono text-[10px] tabular-nums text-muted-foreground",
@@ -1013,7 +1011,7 @@ function AnalyticsChart({ data: fullData, annotations: fullAnnotations = [], sta
 		]
 	});
 }
-
 //#endregion
 export { AnalyticsChart };
+
 //# sourceMappingURL=analytics-chart.js.map