@mastra/playground-ui 61.0.0 → 62.0.0-alpha.0

package/dist/plan-HG66GE5J.js

@@ -0,0 +1,145 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { ClipboardList, CheckIcon, CopyIcon, Minimize2, Maximize2 } from 'lucide-react';
+import { createContext, useContext } from 'react';
+import { B as Badge } from './Badge-3-G2I_cx.js';
+import { B as Button } from './Button-D76HGlPP.js';
+import { C as CollapsibleBox } from './collapsible-box-DV-uekuM.js';
+import { u as useCollapsibleBox, D as DEFAULT_COLLAPSED_HEIGHT } from './use-collapsible-box-B0t2_SvP.js';
+import { M as MarkdownRenderer } from './markdown-renderer-hN46cpXk.js';
+import { T as Txt } from './Txt-BuzYj7Vy.js';
+import { Icon } from './icons/Icon.es.js';
+import { useCopyToClipboard } from './hooks/use-copy-to-clipboard.es.js';
+import { c as cn } from './cn-coERSHz5.js';
+
+const PlanContext = createContext(null);
+const usePlanContext = () => {
+  const context = useContext(PlanContext);
+  if (!context) {
+    throw new Error("Plan compound components must be rendered inside <Plan>.");
+  }
+  return context;
+};
+function Plan({ children, collapsedHeight = DEFAULT_COLLAPSED_HEIGHT, className, ...props }) {
+  const contextValue = useCollapsibleBox({ collapsedHeight });
+  return /* @__PURE__ */ jsx(PlanContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { "data-slot": "plan", className: cn("w-full overflow-hidden rounded-xl bg-card", className), ...props, children }) });
+}
+function PlanHeader({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "plan-header",
+      className: cn("flex min-h-10 items-center justify-between gap-3 px-4 pt-3", className),
+      ...props,
+      children
+    }
+  );
+}
+function PlanLabel({ children = "Plan", className, ...props }) {
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "plan-label", className: cn("flex min-w-0 items-center gap-2", className), ...props, children: [
+    /* @__PURE__ */ jsx(Icon, { size: "xs", className: "text-muted-foreground", children: /* @__PURE__ */ jsx(ClipboardList, {}) }),
+    /* @__PURE__ */ jsx(Txt, { as: "span", variant: "caption", tone: "muted", children })
+  ] });
+}
+function PlanHeaderActions({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "plan-header-actions", className: cn("flex shrink-0 items-center gap-1", className), ...props, children });
+}
+function PlanStatus({ children, variant = "neutral", ...props }) {
+  return /* @__PURE__ */ jsx(Badge, { ...props, variant, size: "xs", indicator: "dot", children });
+}
+function PlanCopyButton({ content, ...props }) {
+  const { isCopied, handleCopy } = useCopyToClipboard({
+    text: content,
+    copiedDuration: 1500,
+    showToast: false
+  });
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      ...props,
+      type: "button",
+      variant: "ghost",
+      size: "icon-sm",
+      tooltip: "Copy plan",
+      "aria-label": "Copy plan",
+      onClick: handleCopy,
+      children: isCopied ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CopyIcon, {})
+    }
+  );
+}
+function PlanBody({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "plan-body", className: cn("px-5 pt-4 pb-5", className), ...props, children });
+}
+function PlanIntro({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "plan-intro", className: cn("mb-5 space-y-1", className), ...props, children });
+}
+function PlanTitle({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx(Txt, { ...props, as: "h3", variant: "heading", tone: "ink", className, children });
+}
+const getFileName = (path) => {
+  const segments = path.split(/[\\/]/).filter(Boolean);
+  return segments[segments.length - 1] ?? path;
+};
+function PlanPath({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Txt,
+    {
+      ...props,
+      as: "p",
+      variant: "meta",
+      tone: "muted",
+      font: "mono",
+      title: children,
+      className: cn("max-w-full truncate overflow-hidden", className),
+      children: getFileName(children)
+    }
+  );
+}
+function PlanMain({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "plan-main", className: cn("relative", className), ...props, children });
+}
+function PlanContent({ children, ...props }) {
+  const state = usePlanContext();
+  return /* @__PURE__ */ jsx(CollapsibleBox, { "data-slot": "plan-content", state, ...props, children: /* @__PURE__ */ jsx("div", { className: "[&_code]:bg-muted [&_h1]:text-title [&_h2]:text-heading [&_h3]:text-subheading [&_p]:text-body", children: /* @__PURE__ */ jsx(MarkdownRenderer, { className: "text-foreground", children }) }) });
+}
+function PlanFile({ children, className, ...props }) {
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "plan-file", className, ...props, children: [
+    /* @__PURE__ */ jsx(Txt, { as: "p", variant: "meta", tone: "muted", className: "mb-2", children: "Plan file" }),
+    /* @__PURE__ */ jsx(Txt, { as: "p", variant: "caption", tone: "ink", font: "mono", className: "break-all", children })
+  ] });
+}
+function PlanControls({ children, className, ...props }) {
+  const hasActions = Boolean(children);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "plan-controls",
+      className: cn("relative z-10 mt-4 flex justify-center empty:hidden", className),
+      ...props,
+      children: hasActions ? /* @__PURE__ */ jsx("div", { className: "grid w-full max-w-sm grid-cols-[1fr_auto_1fr] items-center gap-2 px-10", children }) : /* @__PURE__ */ jsx(PlanExpandButton, {})
+    }
+  );
+}
+function PlanActionGroup({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "plan-action-group", className: cn("flex justify-start gap-2 empty:hidden", className), ...props, children });
+}
+function PlanExpandButton({ className, variant = "default", ...props }) {
+  const { isExpanded, isClipped, toggleExpanded } = usePlanContext();
+  if (!isClipped && !isExpanded) return null;
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      ...props,
+      className: cn("shrink-0 whitespace-nowrap", className),
+      type: "button",
+      variant,
+      size: "sm",
+      "aria-label": isExpanded ? "Collapse plan" : "Expand plan",
+      onClick: toggleExpanded,
+      icon: isExpanded ? /* @__PURE__ */ jsx(Minimize2, {}) : /* @__PURE__ */ jsx(Maximize2, {}),
+      children: isExpanded ? "Collapse plan" : "Expand plan"
+    }
+  );
+}
+
+export { Plan as P, PlanActionGroup as a, PlanBody as b, PlanContent as c, PlanControls as d, PlanCopyButton as e, PlanExpandButton as f, PlanFile as g, PlanHeader as h, PlanHeaderActions as i, PlanIntro as j, PlanLabel as k, PlanMain as l, PlanPath as m, PlanStatus as n, PlanTitle as o };
+//# sourceMappingURL=plan-HG66GE5J.js.map

package/dist/plan-HG66GE5J.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plan-HG66GE5J.js","sources":["../src/ds/components/ai/plan/plan.tsx"],"sourcesContent":["import { CheckIcon, ClipboardList, CopyIcon, Maximize2, Minimize2 } from 'lucide-react';\nimport { createContext, useContext } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { Badge } from '@/ds/components/Badge';\nimport { Button } from '@/ds/components/Button';\nimport { CollapsibleBox, DEFAULT_COLLAPSED_HEIGHT, useCollapsibleBox } from '@/ds/components/CollapsibleBox';\nimport type { CollapsibleBoxState } from '@/ds/components/CollapsibleBox';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard';\nimport { cn } from '@/lib/utils';\n\nconst PlanContext = createContext<CollapsibleBoxState | null>(null);\n\nconst usePlanContext = () => {\n  const context = useContext(PlanContext);\n\n  if (!context) {\n    throw new Error('Plan compound components must be rendered inside <Plan>.');\n  }\n\n  return context;\n};\n\nexport interface PlanProps extends ComponentProps<'div'> {\n  collapsedHeight?: number;\n}\n\nexport function Plan({ children, collapsedHeight = DEFAULT_COLLAPSED_HEIGHT, className, ...props }: PlanProps) {\n  const contextValue = useCollapsibleBox({ collapsedHeight });\n\n  return (\n    <PlanContext.Provider value={contextValue}>\n      <div data-slot=\"plan\" className={cn('w-full overflow-hidden rounded-xl bg-card', className)} {...props}>\n        {children}\n      </div>\n    </PlanContext.Provider>\n  );\n}\n\nexport type PlanHeaderProps = ComponentProps<'div'>;\n\nexport function PlanHeader({ children, className, ...props }: PlanHeaderProps) {\n  return (\n    <div\n      data-slot=\"plan-header\"\n      className={cn('flex min-h-10 items-center justify-between gap-3 px-4 pt-3', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport type PlanLabelProps = ComponentProps<'div'>;\n\nexport function PlanLabel({ children = 'Plan', className, ...props }: PlanLabelProps) {\n  return (\n    <div data-slot=\"plan-label\" className={cn('flex min-w-0 items-center gap-2', className)} {...props}>\n      <Icon size=\"xs\" className=\"text-muted-foreground\">\n        <ClipboardList />\n      </Icon>\n      <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n        {children}\n      </Txt>\n    </div>\n  );\n}\n\nexport type PlanHeaderActionsProps = ComponentProps<'div'>;\n\nexport function PlanHeaderActions({ children, className, ...props }: PlanHeaderActionsProps) {\n  return (\n    <div data-slot=\"plan-header-actions\" className={cn('flex shrink-0 items-center gap-1', className)} {...props}>\n      {children}\n    </div>\n  );\n}\n\nexport type PlanStatusProps = Omit<ComponentProps<typeof Badge>, 'icon' | 'indicator' | 'size'>;\n\nexport function PlanStatus({ children, variant = 'neutral', ...props }: PlanStatusProps) {\n  return (\n    <Badge {...props} variant={variant} size=\"xs\" indicator=\"dot\">\n      {children}\n    </Badge>\n  );\n}\n\nexport interface PlanCopyButtonProps extends Omit<\n  ComponentProps<typeof Button>,\n  'aria-label' | 'children' | 'onClick' | 'size' | 'tooltip' | 'type' | 'variant'\n> {\n  content: string;\n}\n\nexport function PlanCopyButton({ content, ...props }: PlanCopyButtonProps) {\n  const { isCopied, handleCopy } = useCopyToClipboard({\n    text: content,\n    copiedDuration: 1500,\n    showToast: false,\n  });\n\n  return (\n    <Button\n      {...props}\n      type=\"button\"\n      variant=\"ghost\"\n      size=\"icon-sm\"\n      tooltip=\"Copy plan\"\n      aria-label=\"Copy plan\"\n      onClick={handleCopy}\n    >\n      {isCopied ? <CheckIcon /> : <CopyIcon />}\n    </Button>\n  );\n}\n\nexport type PlanBodyProps = ComponentProps<'div'>;\n\nexport function PlanBody({ children, className, ...props }: PlanBodyProps) {\n  return (\n    <div data-slot=\"plan-body\" className={cn('px-5 pt-4 pb-5', className)} {...props}>\n      {children}\n    </div>\n  );\n}\n\nexport type PlanIntroProps = ComponentProps<'div'>;\n\nexport function PlanIntro({ children, className, ...props }: PlanIntroProps) {\n  return (\n    <div data-slot=\"plan-intro\" className={cn('mb-5 space-y-1', className)} {...props}>\n      {children}\n    </div>\n  );\n}\n\nexport interface PlanTitleProps extends Omit<ComponentProps<typeof Txt<'h3'>>, 'as' | 'children' | 'variant'> {\n  children: ReactNode;\n}\n\nexport function PlanTitle({ children, className, ...props }: PlanTitleProps) {\n  return (\n    <Txt {...props} as=\"h3\" variant=\"heading\" tone=\"ink\" className={className}>\n      {children}\n    </Txt>\n  );\n}\n\nexport interface PlanPathProps extends Omit<\n  ComponentProps<typeof Txt<'p'>>,\n  'as' | 'children' | 'font' | 'title' | 'variant'\n> {\n  children: string;\n}\n\nconst getFileName = (path: string) => {\n  const segments = path.split(/[\\\\/]/).filter(Boolean);\n  return segments[segments.length - 1] ?? path;\n};\n\nexport function PlanPath({ children, className, ...props }: PlanPathProps) {\n  return (\n    <Txt\n      {...props}\n      as=\"p\"\n      variant=\"meta\"\n      tone=\"muted\"\n      font=\"mono\"\n      title={children}\n      className={cn('max-w-full truncate overflow-hidden', className)}\n    >\n      {getFileName(children)}\n    </Txt>\n  );\n}\n\nexport type PlanMainProps = ComponentProps<'div'>;\n\nexport function PlanMain({ children, className, ...props }: PlanMainProps) {\n  return (\n    <div data-slot=\"plan-main\" className={cn('relative', className)} {...props}>\n      {children}\n    </div>\n  );\n}\n\nexport interface PlanContentProps extends Omit<ComponentProps<'div'>, 'children'> {\n  children: string;\n}\n\nexport function PlanContent({ children, ...props }: PlanContentProps) {\n  const state = usePlanContext();\n\n  return (\n    <CollapsibleBox data-slot=\"plan-content\" state={state} {...props}>\n      <div className=\"[&_code]:bg-muted [&_h1]:text-title [&_h2]:text-heading [&_h3]:text-subheading [&_p]:text-body\">\n        <MarkdownRenderer className=\"text-foreground\">{children}</MarkdownRenderer>\n      </div>\n    </CollapsibleBox>\n  );\n}\n\nexport interface PlanFileProps extends Omit<ComponentProps<'div'>, 'children'> {\n  children: string;\n}\n\nexport function PlanFile({ children, className, ...props }: PlanFileProps) {\n  return (\n    <div data-slot=\"plan-file\" className={className} {...props}>\n      <Txt as=\"p\" variant=\"meta\" tone=\"muted\" className=\"mb-2\">\n        Plan file\n      </Txt>\n      <Txt as=\"p\" variant=\"caption\" tone=\"ink\" font=\"mono\" className=\"break-all\">\n        {children}\n      </Txt>\n    </div>\n  );\n}\n\nexport type PlanControlsProps = ComponentProps<'div'>;\n\nexport function PlanControls({ children, className, ...props }: PlanControlsProps) {\n  const hasActions = Boolean(children);\n\n  return (\n    <div\n      data-slot=\"plan-controls\"\n      className={cn('relative z-10 mt-4 flex justify-center empty:hidden', className)}\n      {...props}\n    >\n      {hasActions ? (\n        <div className=\"grid w-full max-w-sm grid-cols-[1fr_auto_1fr] items-center gap-2 px-10\">{children}</div>\n      ) : (\n        <PlanExpandButton />\n      )}\n    </div>\n  );\n}\n\nexport type PlanActionGroupProps = ComponentProps<'div'>;\n\nexport function PlanActionGroup({ children, className, ...props }: PlanActionGroupProps) {\n  return (\n    <div data-slot=\"plan-action-group\" className={cn('flex justify-start gap-2 empty:hidden', className)} {...props}>\n      {children}\n    </div>\n  );\n}\n\nexport type PlanExpandButtonProps = Omit<\n  ComponentProps<typeof Button>,\n  'aria-label' | 'children' | 'onClick' | 'size' | 'type'\n>;\n\nexport function PlanExpandButton({ className, variant = 'default', ...props }: PlanExpandButtonProps) {\n  const { isExpanded, isClipped, toggleExpanded } = usePlanContext();\n\n  // Nothing to expand: the collapsed card already shows the whole plan.\n  if (!isClipped && !isExpanded) return null;\n\n  return (\n    <Button\n      {...props}\n      className={cn('shrink-0 whitespace-nowrap', className)}\n      type=\"button\"\n      variant={variant}\n      size=\"sm\"\n      aria-label={isExpanded ? 'Collapse plan' : 'Expand plan'}\n      onClick={toggleExpanded}\n      icon={isExpanded ? <Minimize2 /> : <Maximize2 />}\n    >\n      {isExpanded ? 'Collapse plan' : 'Expand plan'}\n    </Button>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/popover-CWHYNPp8.cjs

@@ -0,0 +1,123 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const popover = require('@base-ui/react/popover');
+const React = require('react');
+const primitives_floating = require('./primitives/floating.cjs.js');
+const primitives_portalContainer = require('./primitives/portal-container.cjs.js');
+const primitives_raisedSurface = require('./primitives/raised-surface.cjs.js');
+const primitives_triggerButton = require('./primitives/trigger-button.cjs.js');
+const utils_cn = require('./cn-TqD01zH-.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const Popover = popover.Popover.Root;
+const PopoverTrigger = React__namespace.forwardRef(
+  ({ className, asChild, render, children, variant, size, tooltip, ...props }, ref) => {
+    const resolved = primitives_triggerButton.resolveTriggerRender({ render, asChild, children, variant, size, tooltip, className });
+    return /* @__PURE__ */ jsxRuntime.jsx(popover.Popover.Trigger, { ref, className: resolved.className, render: resolved.render, ...props, children: resolved.children });
+  }
+);
+PopoverTrigger.displayName = "PopoverTrigger";
+const PopoverContent = React__namespace.forwardRef(
+  ({
+    className,
+    container,
+    align = "center",
+    alignOffset = 0,
+    side = "bottom",
+    sideOffset = 4,
+    anchor,
+    positionMethod = primitives_floating.FLOATING_POSITION_METHOD,
+    collisionBoundary,
+    collisionPadding,
+    sticky,
+    arrowPadding,
+    disableAnchorTracking,
+    collisionAvoidance,
+    ...props
+  }, ref) => {
+    const classNameString = typeof className === "string" ? className : void 0;
+    const resolvedContainer = primitives_portalContainer.usePortalContainer(container);
+    const positionerProps = {
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      anchor,
+      positionMethod,
+      collisionBoundary,
+      collisionPadding,
+      sticky,
+      arrowPadding,
+      disableAnchorTracking,
+      collisionAvoidance
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(popover.Popover.Portal, { container: resolvedContainer, children: /* @__PURE__ */ jsxRuntime.jsx(popover.Popover.Positioner, { className: "z-50 outline-none", ...positionerProps, children: /* @__PURE__ */ jsxRuntime.jsx(
+      popover.Popover.Popup,
+      {
+        ref,
+        "data-slot": "popover-content",
+        className: utils_cn.cn(
+          "z-50 w-72 origin-[var(--transform-origin)] rounded-xl text-foreground focus-visible:outline-hidden",
+          primitives_raisedSurface.overlaySurfaceStyle,
+          "data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95",
+          "data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1",
+          classNameString && /\bp[trblxy]?-\S+/.test(classNameString) ? false : `px-3 py-3.5`,
+          className
+        ),
+        ...props
+      }
+    ) }) });
+  }
+);
+PopoverContent.displayName = "PopoverContent";
+function HoverPopover({
+  children,
+  ...props
+}) {
+  const [open, setOpen] = React__namespace.useState(false);
+  const timeoutRef = React__namespace.useRef(void 0);
+  const handleOpen = React__namespace.useCallback(() => {
+    clearTimeout(timeoutRef.current);
+    setOpen(true);
+  }, []);
+  const handleClose = React__namespace.useCallback(() => {
+    timeoutRef.current = setTimeout(() => setOpen(false), 150);
+  }, []);
+  React__namespace.useEffect(() => () => clearTimeout(timeoutRef.current), []);
+  return /* @__PURE__ */ jsxRuntime.jsx(Popover, { open, onOpenChange: setOpen, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      onMouseEnter: handleOpen,
+      onMouseLeave: handleClose,
+      onFocusCapture: handleOpen,
+      onBlurCapture: handleClose,
+      style: { display: "contents" },
+      children
+    }
+  ) });
+}
+
+exports.HoverPopover = HoverPopover;
+exports.Popover = Popover;
+exports.PopoverContent = PopoverContent;
+exports.PopoverTrigger = PopoverTrigger;
+//# sourceMappingURL=popover-CWHYNPp8.cjs.map

package/dist/popover-CWHYNPp8.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-CWHYNPp8.cjs","sources":["../src/ds/components/Popover/popover.tsx"],"sourcesContent":["import { Popover as PopoverPrimitive } from '@base-ui/react/popover';\nimport type { PopoverPopupProps, PopoverPositionerProps } from '@base-ui/react/popover';\nimport * as React from 'react';\n\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { overlaySurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { resolveTriggerRender } from '@/ds/primitives/trigger-button';\nimport type { TriggerButtonProps } from '@/ds/primitives/trigger-button';\nimport { cn } from '@/lib/utils';\n\nconst Popover = PopoverPrimitive.Root;\n\nexport type PopoverTriggerProps = Omit<PopoverPrimitive.Trigger.Props, 'className'> & TriggerButtonProps;\n\n/**\n * The button that opens the popover. Renders a design-system `<Button>` by\n * default, so it takes Button's `variant` / `size` / `tooltip`. Pass `render`\n * to project the behavior onto your own element (then the look is yours).\n */\nconst PopoverTrigger = React.forwardRef<HTMLButtonElement, PopoverTriggerProps>(\n  ({ className, asChild, render, children, variant, size, tooltip, ...props }, ref) => {\n    const resolved = resolveTriggerRender({ render, asChild, children, variant, size, tooltip, className });\n\n    return (\n      <PopoverPrimitive.Trigger ref={ref} className={resolved.className} render={resolved.render} {...props}>\n        {resolved.children}\n      </PopoverPrimitive.Trigger>\n    );\n  },\n);\nPopoverTrigger.displayName = 'PopoverTrigger';\n\ntype PopoverContentPositionerProps = Omit<PopoverPositionerProps, keyof PopoverPopupProps>;\n\ntype PopoverContentProps = PopoverPopupProps &\n  PopoverContentPositionerProps & {\n    /** Optional portal container, forwarded to `Popover.Portal`. */\n    container?: HTMLElement | null;\n  };\n\nconst PopoverContent = React.forwardRef<HTMLDivElement, PopoverContentProps>(\n  (\n    {\n      className,\n      container,\n      align = 'center',\n      alignOffset = 0,\n      side = 'bottom',\n      sideOffset = 4,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      ...props\n    },\n    ref,\n  ) => {\n    const classNameString = typeof className === 'string' ? className : undefined;\n    // Default to the nearest SideDialog/Drawer popup so the content stays\n    // interactive inside a modal drawer; an explicit `container` still wins.\n    const resolvedContainer = usePortalContainer(container);\n    const positionerProps: PopoverContentPositionerProps = {\n      align,\n      alignOffset,\n      side,\n      sideOffset,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    return (\n      <PopoverPrimitive.Portal container={resolvedContainer}>\n        <PopoverPrimitive.Positioner className=\"z-50 outline-none\" {...positionerProps}>\n          <PopoverPrimitive.Popup\n            ref={ref}\n            data-slot=\"popover-content\"\n            className={cn(\n              'z-50 w-72 origin-[var(--transform-origin)] rounded-xl text-foreground focus-visible:outline-hidden',\n              overlaySurfaceStyle,\n              'data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95',\n              'data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1',\n              classNameString && /\\bp[trblxy]?-\\S+/.test(classNameString) ? false : `px-3 py-3.5`,\n              className,\n            )}\n            {...props}\n          />\n        </PopoverPrimitive.Positioner>\n      </PopoverPrimitive.Portal>\n    );\n  },\n);\nPopoverContent.displayName = 'PopoverContent';\n\nfunction HoverPopover({\n  children,\n  ...props\n}: Omit<React.ComponentProps<typeof Popover>, 'children'> & { children?: React.ReactNode }) {\n  const [open, setOpen] = React.useState(false);\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  const handleOpen = React.useCallback(() => {\n    clearTimeout(timeoutRef.current);\n    setOpen(true);\n  }, []);\n\n  const handleClose = React.useCallback(() => {\n    timeoutRef.current = setTimeout(() => setOpen(false), 150);\n  }, []);\n\n  React.useEffect(() => () => clearTimeout(timeoutRef.current), []);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen} {...props}>\n      <span\n        onMouseEnter={handleOpen}\n        onMouseLeave={handleClose}\n        onFocusCapture={handleOpen}\n        onBlurCapture={handleClose}\n        style={{ display: 'contents' }}\n      >\n        {children}\n      </span>\n    </Popover>\n  );\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, HoverPopover };\n"],"names":["PopoverPrimitive","React","resolveTriggerRender","jsx","FLOATING_POSITION_METHOD","usePortalContainer","cn","overlaySurfaceStyle"],"mappings":"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"}

package/dist/popover-Jf2UUdQ1.js

@@ -0,0 +1,99 @@
+import { jsx } from 'react/jsx-runtime';
+import { Popover as Popover$1 } from '@base-ui/react/popover';
+import * as React from 'react';
+import { FLOATING_POSITION_METHOD } from './primitives/floating.es.js';
+import { usePortalContainer } from './primitives/portal-container.es.js';
+import { overlaySurfaceStyle } from './primitives/raised-surface.es.js';
+import { resolveTriggerRender } from './primitives/trigger-button.es.js';
+import { c as cn } from './cn-coERSHz5.js';
+
+const Popover = Popover$1.Root;
+const PopoverTrigger = React.forwardRef(
+  ({ className, asChild, render, children, variant, size, tooltip, ...props }, ref) => {
+    const resolved = resolveTriggerRender({ render, asChild, children, variant, size, tooltip, className });
+    return /* @__PURE__ */ jsx(Popover$1.Trigger, { ref, className: resolved.className, render: resolved.render, ...props, children: resolved.children });
+  }
+);
+PopoverTrigger.displayName = "PopoverTrigger";
+const PopoverContent = React.forwardRef(
+  ({
+    className,
+    container,
+    align = "center",
+    alignOffset = 0,
+    side = "bottom",
+    sideOffset = 4,
+    anchor,
+    positionMethod = FLOATING_POSITION_METHOD,
+    collisionBoundary,
+    collisionPadding,
+    sticky,
+    arrowPadding,
+    disableAnchorTracking,
+    collisionAvoidance,
+    ...props
+  }, ref) => {
+    const classNameString = typeof className === "string" ? className : void 0;
+    const resolvedContainer = usePortalContainer(container);
+    const positionerProps = {
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      anchor,
+      positionMethod,
+      collisionBoundary,
+      collisionPadding,
+      sticky,
+      arrowPadding,
+      disableAnchorTracking,
+      collisionAvoidance
+    };
+    return /* @__PURE__ */ jsx(Popover$1.Portal, { container: resolvedContainer, children: /* @__PURE__ */ jsx(Popover$1.Positioner, { className: "z-50 outline-none", ...positionerProps, children: /* @__PURE__ */ jsx(
+      Popover$1.Popup,
+      {
+        ref,
+        "data-slot": "popover-content",
+        className: cn(
+          "z-50 w-72 origin-[var(--transform-origin)] rounded-xl text-foreground focus-visible:outline-hidden",
+          overlaySurfaceStyle,
+          "data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95",
+          "data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1",
+          classNameString && /\bp[trblxy]?-\S+/.test(classNameString) ? false : `px-3 py-3.5`,
+          className
+        ),
+        ...props
+      }
+    ) }) });
+  }
+);
+PopoverContent.displayName = "PopoverContent";
+function HoverPopover({
+  children,
+  ...props
+}) {
+  const [open, setOpen] = React.useState(false);
+  const timeoutRef = React.useRef(void 0);
+  const handleOpen = React.useCallback(() => {
+    clearTimeout(timeoutRef.current);
+    setOpen(true);
+  }, []);
+  const handleClose = React.useCallback(() => {
+    timeoutRef.current = setTimeout(() => setOpen(false), 150);
+  }, []);
+  React.useEffect(() => () => clearTimeout(timeoutRef.current), []);
+  return /* @__PURE__ */ jsx(Popover, { open, onOpenChange: setOpen, ...props, children: /* @__PURE__ */ jsx(
+    "span",
+    {
+      onMouseEnter: handleOpen,
+      onMouseLeave: handleClose,
+      onFocusCapture: handleOpen,
+      onBlurCapture: handleClose,
+      style: { display: "contents" },
+      children
+    }
+  ) });
+}
+
+export { HoverPopover as H, Popover as P, PopoverContent as a, PopoverTrigger as b };
+//# sourceMappingURL=popover-Jf2UUdQ1.js.map

package/dist/popover-Jf2UUdQ1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-Jf2UUdQ1.js","sources":["../src/ds/components/Popover/popover.tsx"],"sourcesContent":["import { Popover as PopoverPrimitive } from '@base-ui/react/popover';\nimport type { PopoverPopupProps, PopoverPositionerProps } from '@base-ui/react/popover';\nimport * as React from 'react';\n\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { overlaySurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { resolveTriggerRender } from '@/ds/primitives/trigger-button';\nimport type { TriggerButtonProps } from '@/ds/primitives/trigger-button';\nimport { cn } from '@/lib/utils';\n\nconst Popover = PopoverPrimitive.Root;\n\nexport type PopoverTriggerProps = Omit<PopoverPrimitive.Trigger.Props, 'className'> & TriggerButtonProps;\n\n/**\n * The button that opens the popover. Renders a design-system `<Button>` by\n * default, so it takes Button's `variant` / `size` / `tooltip`. Pass `render`\n * to project the behavior onto your own element (then the look is yours).\n */\nconst PopoverTrigger = React.forwardRef<HTMLButtonElement, PopoverTriggerProps>(\n  ({ className, asChild, render, children, variant, size, tooltip, ...props }, ref) => {\n    const resolved = resolveTriggerRender({ render, asChild, children, variant, size, tooltip, className });\n\n    return (\n      <PopoverPrimitive.Trigger ref={ref} className={resolved.className} render={resolved.render} {...props}>\n        {resolved.children}\n      </PopoverPrimitive.Trigger>\n    );\n  },\n);\nPopoverTrigger.displayName = 'PopoverTrigger';\n\ntype PopoverContentPositionerProps = Omit<PopoverPositionerProps, keyof PopoverPopupProps>;\n\ntype PopoverContentProps = PopoverPopupProps &\n  PopoverContentPositionerProps & {\n    /** Optional portal container, forwarded to `Popover.Portal`. */\n    container?: HTMLElement | null;\n  };\n\nconst PopoverContent = React.forwardRef<HTMLDivElement, PopoverContentProps>(\n  (\n    {\n      className,\n      container,\n      align = 'center',\n      alignOffset = 0,\n      side = 'bottom',\n      sideOffset = 4,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      ...props\n    },\n    ref,\n  ) => {\n    const classNameString = typeof className === 'string' ? className : undefined;\n    // Default to the nearest SideDialog/Drawer popup so the content stays\n    // interactive inside a modal drawer; an explicit `container` still wins.\n    const resolvedContainer = usePortalContainer(container);\n    const positionerProps: PopoverContentPositionerProps = {\n      align,\n      alignOffset,\n      side,\n      sideOffset,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    return (\n      <PopoverPrimitive.Portal container={resolvedContainer}>\n        <PopoverPrimitive.Positioner className=\"z-50 outline-none\" {...positionerProps}>\n          <PopoverPrimitive.Popup\n            ref={ref}\n            data-slot=\"popover-content\"\n            className={cn(\n              'z-50 w-72 origin-[var(--transform-origin)] rounded-xl text-foreground focus-visible:outline-hidden',\n              overlaySurfaceStyle,\n              'data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95',\n              'data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1',\n              classNameString && /\\bp[trblxy]?-\\S+/.test(classNameString) ? false : `px-3 py-3.5`,\n              className,\n            )}\n            {...props}\n          />\n        </PopoverPrimitive.Positioner>\n      </PopoverPrimitive.Portal>\n    );\n  },\n);\nPopoverContent.displayName = 'PopoverContent';\n\nfunction HoverPopover({\n  children,\n  ...props\n}: Omit<React.ComponentProps<typeof Popover>, 'children'> & { children?: React.ReactNode }) {\n  const [open, setOpen] = React.useState(false);\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  const handleOpen = React.useCallback(() => {\n    clearTimeout(timeoutRef.current);\n    setOpen(true);\n  }, []);\n\n  const handleClose = React.useCallback(() => {\n    timeoutRef.current = setTimeout(() => setOpen(false), 150);\n  }, []);\n\n  React.useEffect(() => () => clearTimeout(timeoutRef.current), []);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen} {...props}>\n      <span\n        onMouseEnter={handleOpen}\n        onMouseLeave={handleClose}\n        onFocusCapture={handleOpen}\n        onBlurCapture={handleClose}\n        style={{ display: 'contents' }}\n      >\n        {children}\n      </span>\n    </Popover>\n  );\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, HoverPopover };\n"],"names":["PopoverPrimitive"],"mappings":"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"}

package/dist/primitives/chart-axes.cjs.js

@@ -0,0 +1,77 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const primitives_chartLayout = require('./chart-layout.cjs.js');
+
+const CHART_GRID_PROPS = {
+  vertical: false,
+  stroke: "var(--border)",
+  strokeDasharray: "3 3",
+  strokeOpacity: 0.5
+};
+const CHART_CURSOR_PROPS = { stroke: "var(--border)", strokeDasharray: "3 3", strokeWidth: 0.8 };
+function useChartSize() {
+  const ref = React.useRef(null);
+  const [size, setSize] = React.useState({ width: 0, height: 0 });
+  React.useLayoutEffect(() => {
+    const rect = ref.current?.getBoundingClientRect();
+    if (rect) setSize({ width: rect.width, height: rect.height });
+  }, []);
+  const onResize = (width, height) => setSize((prev) => prev.width === width && prev.height === height ? prev : { width, height });
+  return { size, onResize, ref };
+}
+function chartYTickCount(height) {
+  if (!height) return 3;
+  const plot = height - primitives_chartLayout.X_AXIS_HEIGHT - primitives_chartLayout.CHART_MARGIN.top;
+  return Math.min(5, Math.max(3, Math.round(plot / 48) + 1));
+}
+const MINUTE = 6e4;
+const DAY = 24 * 60 * MINUTE;
+const STEPS = [5, 10, 15, 30, 60, 120, 180, 240, 360, 720, 1440, 2880, 10080];
+const LABEL_GAP = 48;
+const labelWidth = (text) => text.length * primitives_chartLayout.CHART_AXIS_FONT_SIZE * 0.58;
+function pickTimeTicks(timestamps, labels, plotWidth, mode = "auto") {
+  const last = labels.length - 1;
+  if (last < 0) return /* @__PURE__ */ new Set();
+  const ends = /* @__PURE__ */ new Set([0, last]);
+  if (mode === "edges" || labels.length < 3) return ends;
+  const widest = Math.max(...labels.map((l) => labelWidth(l)));
+  const fit = Math.floor(plotWidth / (widest + LABEL_GAP));
+  if (fit < 3) return ends;
+  const ts = timestamps.every(isFiniteNumber) ? timestamps : void 0;
+  const bucket = ts ? (ts[1] ?? 0) - (ts[0] ?? 0) : 0;
+  const span = ts ? ((ts[last] ?? 0) - (ts[0] ?? 0) + bucket) / MINUTE : 0;
+  const step = ts ? STEPS.find((n) => n * MINUTE >= bucket && n * MINUTE % bucket === 0 && span / n <= fit) : void 0;
+  if (!ts || !(bucket > 0) || step === void 0) {
+    const every = Math.ceil(labels.length / fit);
+    const even = /* @__PURE__ */ new Set();
+    for (let i = 0; i <= last; i += every) even.add(i);
+    if (!even.has(last)) {
+      if (last % every < every / 2) even.delete(last - last % every);
+      even.add(last);
+    }
+    return even.size < 3 ? ends : even;
+  }
+  const picked = /* @__PURE__ */ new Set();
+  ts.forEach((t, i) => {
+    const d = new Date(t);
+    const midnight = new Date(d.getFullYear(), d.getMonth(), d.getDate()).getTime();
+    const onClock = bucket >= DAY || d.getHours() === 0 && d.getMinutes() === 0;
+    const onStep = step < 1440 ? d.getSeconds() === 0 && (d.getHours() * 60 + d.getMinutes()) % step === 0 : onClock && Math.round(midnight / DAY) % (step / 1440) === 0;
+    if (onStep) picked.add(i);
+  });
+  return picked.size < 3 ? ends : picked;
+}
+function isFiniteNumber(value) {
+  return typeof value === "number" && Number.isFinite(value);
+}
+
+exports.CHART_CURSOR_PROPS = CHART_CURSOR_PROPS;
+exports.CHART_GRID_PROPS = CHART_GRID_PROPS;
+exports.chartYTickCount = chartYTickCount;
+exports.labelWidth = labelWidth;
+exports.pickTimeTicks = pickTimeTicks;
+exports.useChartSize = useChartSize;
+//# sourceMappingURL=chart-axes.cjs.js.map

package/dist/primitives/chart-axes.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-axes.cjs.js","sources":["../../src/ds/primitives/chart-axes.ts"],"sourcesContent":["import { useLayoutEffect, useRef, useState } from 'react';\nimport { CHART_AXIS_FONT_SIZE, CHART_MARGIN, X_AXIS_HEIGHT } from './chart-layout';\n\n/** Horizontal rulers: short dashes on the border color at half strength. */\nexport const CHART_GRID_PROPS = {\n  vertical: false,\n  stroke: 'var(--border)',\n  strokeDasharray: '3 3',\n  strokeOpacity: 0.5,\n} as const;\n\n/** Hover line of line charts: dashed like the grid, full border color, a hair thinner than a series. */\nexport const CHART_CURSOR_PROPS = { stroke: 'var(--border)', strokeDasharray: '3 3', strokeWidth: 0.8 } as const;\n\n/**\n * How x-axis labels are placed.\n * - `auto`: as many labels as fit the width, on round clock times (12 AM, 6 AM, ...) when the\n *   rows carry timestamps, so every chart on a page shares one time grid.\n * - `edges`: only the first and last bucket, pinned to the plot's edges (small cards).\n */\nexport type ChartXLabels = 'auto' | 'edges';\n\nexport type ChartSize = { width: number; height: number };\n\n/**\n * The chart's size, read before the first paint (so labels and the y tick count are right on\n * the first frame, no jump) and kept current by ResponsiveContainer's `onResize`.\n */\nexport function useChartSize() {\n  const ref = useRef<HTMLDivElement>(null);\n  const [size, setSize] = useState<ChartSize>({ width: 0, height: 0 });\n  useLayoutEffect(() => {\n    const rect = ref.current?.getBoundingClientRect();\n    if (rect) setSize({ width: rect.width, height: rect.height });\n  }, []);\n  const onResize = (width: number, height: number) =>\n    setSize(prev => (prev.width === width && prev.height === height ? prev : { width, height }));\n  return { size, onResize, ref };\n}\n\n/** About one gridline per 48px of plot, 3 to 5 ticks, on Recharts' round values. */\nexport function chartYTickCount(height: number) {\n  if (!height) return 3;\n  const plot = height - X_AXIS_HEIGHT - CHART_MARGIN.top;\n  return Math.min(5, Math.max(3, Math.round(plot / 48) + 1));\n}\n\nconst MINUTE = 60_000;\nconst DAY = 24 * 60 * MINUTE;\n/** Round label steps, in minutes: 5m ... 30m, 1h ... 12h, then days and a week. */\nconst STEPS = [5, 10, 15, 30, 60, 120, 180, 240, 360, 720, 1440, 2880, 10080];\n/** Minimum clear space between two x-axis labels. */\nconst LABEL_GAP = 48;\n/** Rough label width at the axis font size. */\nexport const labelWidth = (text: string) => text.length * CHART_AXIS_FONT_SIZE * 0.58;\n\n/**\n * Which buckets get a label: the smallest round step whose labels fit the width, on\n * clock-aligned times (hours divisible by the step, days on local midnight or, for daily\n * buckets, on their local date). Without\n * timestamps, evenly spaced buckets that fit; when fewer than three would show, just the\n * first and last bucket.\n */\nexport function pickTimeTicks(\n  timestamps: Array<number | undefined>,\n  labels: string[],\n  plotWidth: number,\n  mode: ChartXLabels = 'auto',\n): Set<number> {\n  const last = labels.length - 1;\n  if (last < 0) return new Set();\n  const ends = new Set([0, last]);\n  if (mode === 'edges' || labels.length < 3) return ends;\n  const widest = Math.max(...labels.map(l => labelWidth(l)));\n  const fit = Math.floor(plotWidth / (widest + LABEL_GAP));\n  if (fit < 3) return ends;\n  const ts = timestamps.every(isFiniteNumber) ? timestamps : undefined;\n  const bucket = ts ? (ts[1] ?? 0) - (ts[0] ?? 0) : 0;\n  // From the full range, so gaps (missing buckets) can't make the series look shorter.\n  const span = ts ? ((ts[last] ?? 0) - (ts[0] ?? 0) + bucket) / MINUTE : 0;\n  // The smallest round step that is a whole number of buckets and whose labels fit.\n  const step = ts ? STEPS.find(n => n * MINUTE >= bucket && (n * MINUTE) % bucket === 0 && span / n <= fit) : undefined;\n  if (!ts || !(bucket > 0) || step === undefined) {\n    // No time grid to align to (or buckets longer than a week): every `every`-th bucket,\n    // ending on the last one.\n    const every = Math.ceil(labels.length / fit);\n    const even = new Set<number>();\n    for (let i = 0; i <= last; i += every) even.add(i);\n    if (!even.has(last)) {\n      if (last % every < every / 2) even.delete(last - (last % every));\n      even.add(last);\n    }\n    return even.size < 3 ? ends : even;\n  }\n  const picked = new Set<number>();\n  ts.forEach((t, i) => {\n    const d = new Date(t);\n    const midnight = new Date(d.getFullYear(), d.getMonth(), d.getDate()).getTime();\n    // Daily buckets are often cut on UTC midnight, which isn't local midnight: they align by\n    // local date. Shorter buckets need the clock time itself.\n    const onClock = bucket >= DAY || (d.getHours() === 0 && d.getMinutes() === 0);\n    const onStep =\n      step < 1440\n        ? d.getSeconds() === 0 && (d.getHours() * 60 + d.getMinutes()) % step === 0\n        : onClock && Math.round(midnight / DAY) % (step / 1440) === 0;\n    if (onStep) picked.add(i);\n  });\n  // Two clock labels land off-centre (one mid-plot, one at an edge): label the ends instead.\n  return picked.size < 3 ? ends : picked;\n}\n\nfunction isFiniteNumber(value: number | undefined): value is number {\n  return typeof value === 'number' && Number.isFinite(value);\n}\n"],"names":["useRef","useState","useLayoutEffect","X_AXIS_HEIGHT","CHART_MARGIN","CHART_AXIS_FONT_SIZE"],"mappings":"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"}

package/dist/primitives/chart-axes.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/ds/primitives/chart-axes'
+export {}

package/dist/primitives/chart-axes.es.js

@@ -0,0 +1,68 @@
+import { useRef, useState, useLayoutEffect } from 'react';
+import { X_AXIS_HEIGHT, CHART_MARGIN, CHART_AXIS_FONT_SIZE } from './chart-layout.es.js';
+
+const CHART_GRID_PROPS = {
+  vertical: false,
+  stroke: "var(--border)",
+  strokeDasharray: "3 3",
+  strokeOpacity: 0.5
+};
+const CHART_CURSOR_PROPS = { stroke: "var(--border)", strokeDasharray: "3 3", strokeWidth: 0.8 };
+function useChartSize() {
+  const ref = useRef(null);
+  const [size, setSize] = useState({ width: 0, height: 0 });
+  useLayoutEffect(() => {
+    const rect = ref.current?.getBoundingClientRect();
+    if (rect) setSize({ width: rect.width, height: rect.height });
+  }, []);
+  const onResize = (width, height) => setSize((prev) => prev.width === width && prev.height === height ? prev : { width, height });
+  return { size, onResize, ref };
+}
+function chartYTickCount(height) {
+  if (!height) return 3;
+  const plot = height - X_AXIS_HEIGHT - CHART_MARGIN.top;
+  return Math.min(5, Math.max(3, Math.round(plot / 48) + 1));
+}
+const MINUTE = 6e4;
+const DAY = 24 * 60 * MINUTE;
+const STEPS = [5, 10, 15, 30, 60, 120, 180, 240, 360, 720, 1440, 2880, 10080];
+const LABEL_GAP = 48;
+const labelWidth = (text) => text.length * CHART_AXIS_FONT_SIZE * 0.58;
+function pickTimeTicks(timestamps, labels, plotWidth, mode = "auto") {
+  const last = labels.length - 1;
+  if (last < 0) return /* @__PURE__ */ new Set();
+  const ends = /* @__PURE__ */ new Set([0, last]);
+  if (mode === "edges" || labels.length < 3) return ends;
+  const widest = Math.max(...labels.map((l) => labelWidth(l)));
+  const fit = Math.floor(plotWidth / (widest + LABEL_GAP));
+  if (fit < 3) return ends;
+  const ts = timestamps.every(isFiniteNumber) ? timestamps : void 0;
+  const bucket = ts ? (ts[1] ?? 0) - (ts[0] ?? 0) : 0;
+  const span = ts ? ((ts[last] ?? 0) - (ts[0] ?? 0) + bucket) / MINUTE : 0;
+  const step = ts ? STEPS.find((n) => n * MINUTE >= bucket && n * MINUTE % bucket === 0 && span / n <= fit) : void 0;
+  if (!ts || !(bucket > 0) || step === void 0) {
+    const every = Math.ceil(labels.length / fit);
+    const even = /* @__PURE__ */ new Set();
+    for (let i = 0; i <= last; i += every) even.add(i);
+    if (!even.has(last)) {
+      if (last % every < every / 2) even.delete(last - last % every);
+      even.add(last);
+    }
+    return even.size < 3 ? ends : even;
+  }
+  const picked = /* @__PURE__ */ new Set();
+  ts.forEach((t, i) => {
+    const d = new Date(t);
+    const midnight = new Date(d.getFullYear(), d.getMonth(), d.getDate()).getTime();
+    const onClock = bucket >= DAY || d.getHours() === 0 && d.getMinutes() === 0;
+    const onStep = step < 1440 ? d.getSeconds() === 0 && (d.getHours() * 60 + d.getMinutes()) % step === 0 : onClock && Math.round(midnight / DAY) % (step / 1440) === 0;
+    if (onStep) picked.add(i);
+  });
+  return picked.size < 3 ? ends : picked;
+}
+function isFiniteNumber(value) {
+  return typeof value === "number" && Number.isFinite(value);
+}
+
+export { CHART_CURSOR_PROPS, CHART_GRID_PROPS, chartYTickCount, labelWidth, pickTimeTicks, useChartSize };
+//# sourceMappingURL=chart-axes.es.js.map

package/dist/primitives/chart-axes.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-axes.es.js","sources":["../../src/ds/primitives/chart-axes.ts"],"sourcesContent":["import { useLayoutEffect, useRef, useState } from 'react';\nimport { CHART_AXIS_FONT_SIZE, CHART_MARGIN, X_AXIS_HEIGHT } from './chart-layout';\n\n/** Horizontal rulers: short dashes on the border color at half strength. */\nexport const CHART_GRID_PROPS = {\n  vertical: false,\n  stroke: 'var(--border)',\n  strokeDasharray: '3 3',\n  strokeOpacity: 0.5,\n} as const;\n\n/** Hover line of line charts: dashed like the grid, full border color, a hair thinner than a series. */\nexport const CHART_CURSOR_PROPS = { stroke: 'var(--border)', strokeDasharray: '3 3', strokeWidth: 0.8 } as const;\n\n/**\n * How x-axis labels are placed.\n * - `auto`: as many labels as fit the width, on round clock times (12 AM, 6 AM, ...) when the\n *   rows carry timestamps, so every chart on a page shares one time grid.\n * - `edges`: only the first and last bucket, pinned to the plot's edges (small cards).\n */\nexport type ChartXLabels = 'auto' | 'edges';\n\nexport type ChartSize = { width: number; height: number };\n\n/**\n * The chart's size, read before the first paint (so labels and the y tick count are right on\n * the first frame, no jump) and kept current by ResponsiveContainer's `onResize`.\n */\nexport function useChartSize() {\n  const ref = useRef<HTMLDivElement>(null);\n  const [size, setSize] = useState<ChartSize>({ width: 0, height: 0 });\n  useLayoutEffect(() => {\n    const rect = ref.current?.getBoundingClientRect();\n    if (rect) setSize({ width: rect.width, height: rect.height });\n  }, []);\n  const onResize = (width: number, height: number) =>\n    setSize(prev => (prev.width === width && prev.height === height ? prev : { width, height }));\n  return { size, onResize, ref };\n}\n\n/** About one gridline per 48px of plot, 3 to 5 ticks, on Recharts' round values. */\nexport function chartYTickCount(height: number) {\n  if (!height) return 3;\n  const plot = height - X_AXIS_HEIGHT - CHART_MARGIN.top;\n  return Math.min(5, Math.max(3, Math.round(plot / 48) + 1));\n}\n\nconst MINUTE = 60_000;\nconst DAY = 24 * 60 * MINUTE;\n/** Round label steps, in minutes: 5m ... 30m, 1h ... 12h, then days and a week. */\nconst STEPS = [5, 10, 15, 30, 60, 120, 180, 240, 360, 720, 1440, 2880, 10080];\n/** Minimum clear space between two x-axis labels. */\nconst LABEL_GAP = 48;\n/** Rough label width at the axis font size. */\nexport const labelWidth = (text: string) => text.length * CHART_AXIS_FONT_SIZE * 0.58;\n\n/**\n * Which buckets get a label: the smallest round step whose labels fit the width, on\n * clock-aligned times (hours divisible by the step, days on local midnight or, for daily\n * buckets, on their local date). Without\n * timestamps, evenly spaced buckets that fit; when fewer than three would show, just the\n * first and last bucket.\n */\nexport function pickTimeTicks(\n  timestamps: Array<number | undefined>,\n  labels: string[],\n  plotWidth: number,\n  mode: ChartXLabels = 'auto',\n): Set<number> {\n  const last = labels.length - 1;\n  if (last < 0) return new Set();\n  const ends = new Set([0, last]);\n  if (mode === 'edges' || labels.length < 3) return ends;\n  const widest = Math.max(...labels.map(l => labelWidth(l)));\n  const fit = Math.floor(plotWidth / (widest + LABEL_GAP));\n  if (fit < 3) return ends;\n  const ts = timestamps.every(isFiniteNumber) ? timestamps : undefined;\n  const bucket = ts ? (ts[1] ?? 0) - (ts[0] ?? 0) : 0;\n  // From the full range, so gaps (missing buckets) can't make the series look shorter.\n  const span = ts ? ((ts[last] ?? 0) - (ts[0] ?? 0) + bucket) / MINUTE : 0;\n  // The smallest round step that is a whole number of buckets and whose labels fit.\n  const step = ts ? STEPS.find(n => n * MINUTE >= bucket && (n * MINUTE) % bucket === 0 && span / n <= fit) : undefined;\n  if (!ts || !(bucket > 0) || step === undefined) {\n    // No time grid to align to (or buckets longer than a week): every `every`-th bucket,\n    // ending on the last one.\n    const every = Math.ceil(labels.length / fit);\n    const even = new Set<number>();\n    for (let i = 0; i <= last; i += every) even.add(i);\n    if (!even.has(last)) {\n      if (last % every < every / 2) even.delete(last - (last % every));\n      even.add(last);\n    }\n    return even.size < 3 ? ends : even;\n  }\n  const picked = new Set<number>();\n  ts.forEach((t, i) => {\n    const d = new Date(t);\n    const midnight = new Date(d.getFullYear(), d.getMonth(), d.getDate()).getTime();\n    // Daily buckets are often cut on UTC midnight, which isn't local midnight: they align by\n    // local date. Shorter buckets need the clock time itself.\n    const onClock = bucket >= DAY || (d.getHours() === 0 && d.getMinutes() === 0);\n    const onStep =\n      step < 1440\n        ? d.getSeconds() === 0 && (d.getHours() * 60 + d.getMinutes()) % step === 0\n        : onClock && Math.round(midnight / DAY) % (step / 1440) === 0;\n    if (onStep) picked.add(i);\n  });\n  // Two clock labels land off-centre (one mid-plot, one at an edge): label the ends instead.\n  return picked.size < 3 ? ends : picked;\n}\n\nfunction isFiniteNumber(value: number | undefined): value is number {\n  return typeof value === 'number' && Number.isFinite(value);\n}\n"],"names":[],"mappings":"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"}