@mastra/playground-ui 63.0.0-alpha.2 → 63.0.0-alpha.4

package/dist/pagination-range-BlUsZjqD.js

@@ -0,0 +1,191 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useRender } from '@base-ui/react/use-render';
+import { Ellipsis, ChevronRight, ChevronLeft } from 'lucide-react';
+import { createContext, use, useRef, useCallback, useState, useMemo, cloneElement, isValidElement } from 'react';
+import { FluidHoverHighlight } from './components/fluid-hover-highlight.es.js';
+import { Icon } from './icons/Icon.es.js';
+import { controlSizeClasses } from './primitives/control-size.es.js';
+import { raisedControlSurfaceStyle } from './primitives/form-element.es.js';
+import { focusRing, controlStateColorTransition } from './primitives/transitions.es.js';
+import { useFluidHover } from './hooks/use-fluid-hover.es.js';
+import { c as cn } from './cn-coERSHz5.js';
+
+const PaginationContext = createContext(void 0);
+const isCurrent = (element) => element.getAttribute("aria-current") === "page";
+const clearCurrent = (index) => (current) => {
+  if (current === index) return null;
+  return current;
+};
+function usePaginationItemRef() {
+  const ctx = use(PaginationContext);
+  const indexRef = useRef(void 0);
+  const unsubscribeRef = useRef(void 0);
+  return useCallback(
+    (element) => {
+      unsubscribeRef.current?.();
+      unsubscribeRef.current = void 0;
+      if (!ctx) return;
+      const { registerItem, allocateIndex, releaseIndex, setCurrentIndex } = ctx;
+      if (!element) {
+        const index2 = indexRef.current;
+        if (index2 === void 0) return;
+        registerItem(index2, null);
+        releaseIndex(index2);
+        setCurrentIndex(clearCurrent(index2));
+        indexRef.current = void 0;
+        return;
+      }
+      indexRef.current ??= allocateIndex();
+      const index = indexRef.current;
+      registerItem(index, element);
+      const sync = () => {
+        if (isCurrent(element)) {
+          setCurrentIndex(index);
+          return;
+        }
+        setCurrentIndex(clearCurrent(index));
+      };
+      sync();
+      const observer = typeof MutationObserver === "undefined" ? void 0 : new MutationObserver(sync);
+      observer?.observe(element, { attributes: true, attributeFilter: ["aria-current"] });
+      unsubscribeRef.current = () => observer?.disconnect();
+    },
+    [ctx]
+  );
+}
+
+function Pagination({ className, "aria-label": ariaLabel = "Pagination", ...props }) {
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      "data-slot": "pagination",
+      "aria-label": ariaLabel,
+      className: cn("flex items-center justify-center", className),
+      ...props
+    }
+  );
+}
+const isInert = (element) => element.getAttribute("aria-disabled") === "true";
+function PaginationContent({ className, ...props }) {
+  const containerRef = useRef(null);
+  const hover = useFluidHover(containerRef, { axis: "x", isItemDisabled: isInert, gapClick: false });
+  const [currentIndex, setCurrentIndex] = useState(null);
+  const counterRef = useRef(0);
+  const freeRef = useRef([]);
+  const { registerItem } = hover;
+  const context = useMemo(
+    () => ({
+      registerItem,
+      allocateIndex: () => freeRef.current.pop() ?? counterRef.current++,
+      releaseIndex: (index) => {
+        freeRef.current.push(index);
+      },
+      setCurrentIndex
+    }),
+    [registerItem]
+  );
+  const currentIndicator = { ...hover, activeIndex: currentIndex };
+  return /* @__PURE__ */ jsx(PaginationContext, { value: context, children: /* @__PURE__ */ jsxs("div", { ref: containerRef, ...hover.handlers, className: "relative isolate", children: [
+    /* @__PURE__ */ jsx(FluidHoverHighlight, { hover, className: "-z-2 rounded-full bg-fill-subtle" }),
+    /* @__PURE__ */ jsx(FluidHoverHighlight, { hover: currentIndicator, className: cn("-z-1 rounded-full", raisedControlSurfaceStyle) }),
+    /* @__PURE__ */ jsx("ul", { "data-slot": "pagination-content", className: cn("flex items-center gap-1", className), ...props })
+  ] }) });
+}
+function PaginationItem(props) {
+  return /* @__PURE__ */ jsx("li", { "data-slot": "pagination-item", ...props });
+}
+const paginationLinkClass = cn(
+  controlSizeClasses.sm,
+  controlStateColorTransition,
+  focusRing,
+  "relative inline-flex min-w-control-sm cursor-pointer items-center justify-center gap-1 rounded-full px-2.5 text-muted-foreground tabular-nums",
+  "hover:text-foreground aria-[current=page]:text-foreground",
+  "aria-disabled:cursor-not-allowed aria-disabled:text-placeholder aria-disabled:hover:text-placeholder"
+);
+function preventActivation(event) {
+  event.preventDefault();
+}
+function isAnchorElement(render) {
+  return isValidElement(render) && render.type === "a";
+}
+function linkRender(render, disabled) {
+  if (disabled && isAnchorElement(render)) return cloneElement(render, { href: void 0 });
+  return render;
+}
+function elementProps(render, disabled) {
+  if (render === void 0) return { type: "button" };
+  if (disabled && isAnchorElement(render)) return { role: "link", tabIndex: 0 };
+  return {};
+}
+function activationProps(disabled, onClick) {
+  if (disabled) return { "aria-disabled": true, onClick: preventActivation, onAuxClick: preventActivation };
+  return { onClick };
+}
+function PaginationLink({ isActive, disabled, render, className, onClick, ...props }) {
+  const ref = usePaginationItemRef();
+  return useRender({
+    defaultTagName: "button",
+    render: linkRender(render, disabled),
+    ref,
+    props: {
+      ...elementProps(render, disabled),
+      ...props,
+      ...activationProps(disabled, onClick),
+      "data-slot": "pagination-link",
+      "aria-current": isActive && "page",
+      className: cn(paginationLinkClass, className)
+    }
+  });
+}
+function PaginationPrevious({ text = "Previous", ...props }) {
+  return /* @__PURE__ */ jsxs(PaginationLink, { ...props, children: [
+    /* @__PURE__ */ jsx(Icon, { size: "sm", "aria-hidden": true, children: /* @__PURE__ */ jsx(ChevronLeft, {}) }),
+    text
+  ] });
+}
+function PaginationNext({ text = "Next", ...props }) {
+  return /* @__PURE__ */ jsxs(PaginationLink, { ...props, children: [
+    text,
+    /* @__PURE__ */ jsx(Icon, { size: "sm", "aria-hidden": true, children: /* @__PURE__ */ jsx(ChevronRight, {}) })
+  ] });
+}
+function PaginationEllipsis({ className, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "data-slot": "pagination-ellipsis",
+      className: cn("flex w-control-sm items-center justify-center text-muted-foreground", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(Icon, { size: "sm", "aria-hidden": true, children: /* @__PURE__ */ jsx(Ellipsis, {}) }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More pages" })
+      ]
+    }
+  );
+}
+
+const pageItem = (page) => ({ kind: "page", page });
+function windowStart(page, pageCount) {
+  const start = Math.max(1, Math.min(page - 1, pageCount - 5));
+  if (start === 2) return 1;
+  return start;
+}
+function windowEnd(page, pageCount) {
+  const end = Math.min(pageCount - 2, Math.max(page + 1, 4));
+  if (end === pageCount - 3) return pageCount - 2;
+  return end;
+}
+function getPaginationRange(page, pageCount) {
+  if (pageCount <= 7) return Array.from({ length: pageCount }, (_, index) => pageItem(index));
+  const first = windowStart(page, pageCount);
+  const last = windowEnd(page, pageCount);
+  const items = [pageItem(0)];
+  if (first > 1) items.push({ kind: "ellipsis", key: "start" });
+  for (let index = first; index <= last; index += 1) items.push(pageItem(index));
+  if (last < pageCount - 2) items.push({ kind: "ellipsis", key: "end" });
+  items.push(pageItem(pageCount - 1));
+  return items;
+}
+
+export { Pagination as P, PaginationContent as a, PaginationEllipsis as b, PaginationItem as c, PaginationLink as d, PaginationNext as e, PaginationPrevious as f, getPaginationRange as g };
+//# sourceMappingURL=pagination-range-BlUsZjqD.js.map

package/dist/pagination-range-BlUsZjqD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-range-BlUsZjqD.js","sources":["../src/ds/components/Pagination/pagination-context.ts","../src/ds/components/Pagination/pagination.tsx","../src/ds/components/Pagination/pagination-range.ts"],"sourcesContent":["import { createContext, use, useCallback, useRef } from 'react';\nimport type { Dispatch, SetStateAction } from 'react';\nimport type { UseFluidHoverReturn } from '@/hooks/use-fluid-hover';\n\nexport type PaginationContextValue = {\n  registerItem: UseFluidHoverReturn['registerItem'];\n  allocateIndex: () => number;\n  releaseIndex: (index: number) => void;\n  setCurrentIndex: Dispatch<SetStateAction<number | null>>;\n};\n\nexport const PaginationContext = createContext<PaginationContextValue | undefined>(undefined);\n\nconst isCurrent = (element: HTMLElement) => element.getAttribute('aria-current') === 'page';\n\nconst clearCurrent = (index: number) => (current: number | null) => {\n  if (current === index) return null;\n  return current;\n};\n\nexport function usePaginationItemRef() {\n  const ctx = use(PaginationContext);\n  const indexRef = useRef<number | undefined>(undefined);\n  const unsubscribeRef = useRef<(() => void) | undefined>(undefined);\n\n  return useCallback(\n    (element: HTMLElement | null) => {\n      unsubscribeRef.current?.();\n      unsubscribeRef.current = undefined;\n      if (!ctx) return;\n      const { registerItem, allocateIndex, releaseIndex, setCurrentIndex } = ctx;\n\n      if (!element) {\n        const index = indexRef.current;\n        if (index === undefined) return;\n        registerItem(index, null);\n        releaseIndex(index);\n        setCurrentIndex(clearCurrent(index));\n        indexRef.current = undefined;\n        return;\n      }\n\n      indexRef.current ??= allocateIndex();\n      const index = indexRef.current;\n      registerItem(index, element);\n\n      const sync = () => {\n        if (isCurrent(element)) {\n          setCurrentIndex(index);\n          return;\n        }\n        setCurrentIndex(clearCurrent(index));\n      };\n      sync();\n      const observer = typeof MutationObserver === 'undefined' ? undefined : new MutationObserver(sync);\n      observer?.observe(element, { attributes: true, attributeFilter: ['aria-current'] });\n      unsubscribeRef.current = () => observer?.disconnect();\n    },\n    [ctx],\n  );\n}\n","import { useRender } from '@base-ui/react/use-render';\nimport { ChevronLeft, ChevronRight, Ellipsis } from 'lucide-react';\nimport { cloneElement, isValidElement, useMemo, useRef, useState } from 'react';\nimport type { ComponentProps, MouseEvent, ReactElement } from 'react';\nimport { PaginationContext, usePaginationItemRef } from './pagination-context';\nimport type { PaginationContextValue } from './pagination-context';\nimport { FluidHoverHighlight } from '@/components/fluid-hover-highlight';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport { raisedControlSurfaceStyle } from '@/ds/primitives/form-element';\nimport { controlStateColorTransition, focusRing } from '@/ds/primitives/transitions';\nimport { useFluidHover } from '@/hooks/use-fluid-hover';\nimport { cn } from '@/lib/utils';\n\nexport type PaginationProps = ComponentProps<'nav'>;\n\nexport function Pagination({ className, 'aria-label': ariaLabel = 'Pagination', ...props }: PaginationProps) {\n  return (\n    <nav\n      data-slot=\"pagination\"\n      aria-label={ariaLabel}\n      className={cn('flex items-center justify-center', className)}\n      {...props}\n    />\n  );\n}\n\nconst isInert = (element: HTMLElement) => element.getAttribute('aria-disabled') === 'true';\n\nexport type PaginationContentProps = ComponentProps<'ul'>;\n\nexport function PaginationContent({ className, ...props }: PaginationContentProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const hover = useFluidHover(containerRef, { axis: 'x', isItemDisabled: isInert, gapClick: false });\n  const [currentIndex, setCurrentIndex] = useState<number | null>(null);\n  const counterRef = useRef(0);\n  const freeRef = useRef<number[]>([]);\n  const { registerItem } = hover;\n  const context = useMemo<PaginationContextValue>(\n    () => ({\n      registerItem,\n      allocateIndex: () => freeRef.current.pop() ?? counterRef.current++,\n      releaseIndex: index => {\n        freeRef.current.push(index);\n      },\n      setCurrentIndex,\n    }),\n    [registerItem],\n  );\n  const currentIndicator = { ...hover, activeIndex: currentIndex };\n\n  return (\n    <PaginationContext value={context}>\n      <div ref={containerRef} {...hover.handlers} className=\"relative isolate\">\n        <FluidHoverHighlight hover={hover} className=\"-z-2 rounded-full bg-fill-subtle\" />\n        <FluidHoverHighlight hover={currentIndicator} className={cn('-z-1 rounded-full', raisedControlSurfaceStyle)} />\n        <ul data-slot=\"pagination-content\" className={cn('flex items-center gap-1', className)} {...props} />\n      </div>\n    </PaginationContext>\n  );\n}\n\nexport type PaginationItemProps = ComponentProps<'li'>;\n\nexport function PaginationItem(props: PaginationItemProps) {\n  return <li data-slot=\"pagination-item\" {...props} />;\n}\n\nconst paginationLinkClass = cn(\n  controlSizeClasses.sm,\n  controlStateColorTransition,\n  focusRing,\n  'relative inline-flex min-w-control-sm cursor-pointer items-center justify-center gap-1 rounded-full px-2.5 text-muted-foreground tabular-nums',\n  'hover:text-foreground aria-[current=page]:text-foreground',\n  'aria-disabled:cursor-not-allowed aria-disabled:text-placeholder aria-disabled:hover:text-placeholder',\n);\n\nexport type PaginationLinkProps = useRender.ComponentProps<'button'> & {\n  isActive?: boolean;\n  disabled?: boolean;\n};\n\ntype LinkRender = PaginationLinkProps['render'];\n\nfunction preventActivation(event: MouseEvent<HTMLElement>) {\n  event.preventDefault();\n}\n\nfunction isAnchorElement(render: LinkRender): render is ReactElement<ComponentProps<'a'>> {\n  return isValidElement(render) && render.type === 'a';\n}\n\nfunction linkRender(render: LinkRender, disabled: boolean | undefined) {\n  if (disabled && isAnchorElement(render)) return cloneElement(render, { href: undefined });\n  return render;\n}\n\nfunction elementProps(render: LinkRender, disabled: boolean | undefined) {\n  if (render === undefined) return { type: 'button' as const };\n  if (disabled && isAnchorElement(render)) return { role: 'link', tabIndex: 0 };\n  return {};\n}\n\nfunction activationProps(disabled: boolean | undefined, onClick: PaginationLinkProps['onClick']) {\n  if (disabled) return { 'aria-disabled': true, onClick: preventActivation, onAuxClick: preventActivation };\n  return { onClick };\n}\n\nexport function PaginationLink({ isActive, disabled, render, className, onClick, ...props }: PaginationLinkProps) {\n  const ref = usePaginationItemRef();\n  return useRender({\n    defaultTagName: 'button',\n    render: linkRender(render, disabled),\n    ref,\n    props: {\n      ...elementProps(render, disabled),\n      ...props,\n      ...activationProps(disabled, onClick),\n      'data-slot': 'pagination-link',\n      'aria-current': isActive && 'page',\n      className: cn(paginationLinkClass, className),\n    },\n  });\n}\n\nexport type PaginationPreviousProps = PaginationLinkProps & { text?: string };\n\nexport function PaginationPrevious({ text = 'Previous', ...props }: PaginationPreviousProps) {\n  return (\n    <PaginationLink {...props}>\n      <Icon size=\"sm\" aria-hidden>\n        <ChevronLeft />\n      </Icon>\n      {text}\n    </PaginationLink>\n  );\n}\n\nexport type PaginationNextProps = PaginationLinkProps & { text?: string };\n\nexport function PaginationNext({ text = 'Next', ...props }: PaginationNextProps) {\n  return (\n    <PaginationLink {...props}>\n      {text}\n      <Icon size=\"sm\" aria-hidden>\n        <ChevronRight />\n      </Icon>\n    </PaginationLink>\n  );\n}\n\nexport type PaginationEllipsisProps = ComponentProps<'span'>;\n\nexport function PaginationEllipsis({ className, ...props }: PaginationEllipsisProps) {\n  return (\n    <span\n      data-slot=\"pagination-ellipsis\"\n      className={cn('flex w-control-sm items-center justify-center text-muted-foreground', className)}\n      {...props}\n    >\n      <Icon size=\"sm\" aria-hidden>\n        <Ellipsis />\n      </Icon>\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  );\n}\n","export type PaginationRangeItem = { kind: 'page'; page: number } | { kind: 'ellipsis'; key: 'start' | 'end' };\n\nconst pageItem = (page: number): PaginationRangeItem => ({ kind: 'page', page });\n\nfunction windowStart(page: number, pageCount: number) {\n  const start = Math.max(1, Math.min(page - 1, pageCount - 5));\n  if (start === 2) return 1;\n  return start;\n}\n\nfunction windowEnd(page: number, pageCount: number) {\n  const end = Math.min(pageCount - 2, Math.max(page + 1, 4));\n  if (end === pageCount - 3) return pageCount - 2;\n  return end;\n}\n\nexport function getPaginationRange(page: number, pageCount: number): PaginationRangeItem[] {\n  if (pageCount <= 7) return Array.from({ length: pageCount }, (_, index) => pageItem(index));\n  const first = windowStart(page, pageCount);\n  const last = windowEnd(page, pageCount);\n  const items: PaginationRangeItem[] = [pageItem(0)];\n  if (first > 1) items.push({ kind: 'ellipsis', key: 'start' });\n  for (let index = first; index <= last; index += 1) items.push(pageItem(index));\n  if (last < pageCount - 2) items.push({ kind: 'ellipsis', key: 'end' });\n  items.push(pageItem(pageCount - 1));\n  return items;\n}\n"],"names":["index"],"mappings":"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"}

package/dist/pagination-range-C0i6gunh.cjs

@@ -0,0 +1,200 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const useRender = require('@base-ui/react/use-render');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const components_fluidHoverHighlight = require('./components/fluid-hover-highlight.cjs.js');
+const icons_Icon = require('./icons/Icon.cjs.js');
+const primitives_controlSize = require('./primitives/control-size.cjs.js');
+const primitives_formElement = require('./primitives/form-element.cjs.js');
+const primitives_transitions = require('./primitives/transitions.cjs.js');
+const hooks_useFluidHover = require('./hooks/use-fluid-hover.cjs.js');
+const utils_cn = require('./cn-TqD01zH-.cjs');
+
+const PaginationContext = React.createContext(void 0);
+const isCurrent = (element) => element.getAttribute("aria-current") === "page";
+const clearCurrent = (index) => (current) => {
+  if (current === index) return null;
+  return current;
+};
+function usePaginationItemRef() {
+  const ctx = React.use(PaginationContext);
+  const indexRef = React.useRef(void 0);
+  const unsubscribeRef = React.useRef(void 0);
+  return React.useCallback(
+    (element) => {
+      unsubscribeRef.current?.();
+      unsubscribeRef.current = void 0;
+      if (!ctx) return;
+      const { registerItem, allocateIndex, releaseIndex, setCurrentIndex } = ctx;
+      if (!element) {
+        const index2 = indexRef.current;
+        if (index2 === void 0) return;
+        registerItem(index2, null);
+        releaseIndex(index2);
+        setCurrentIndex(clearCurrent(index2));
+        indexRef.current = void 0;
+        return;
+      }
+      indexRef.current ??= allocateIndex();
+      const index = indexRef.current;
+      registerItem(index, element);
+      const sync = () => {
+        if (isCurrent(element)) {
+          setCurrentIndex(index);
+          return;
+        }
+        setCurrentIndex(clearCurrent(index));
+      };
+      sync();
+      const observer = typeof MutationObserver === "undefined" ? void 0 : new MutationObserver(sync);
+      observer?.observe(element, { attributes: true, attributeFilter: ["aria-current"] });
+      unsubscribeRef.current = () => observer?.disconnect();
+    },
+    [ctx]
+  );
+}
+
+function Pagination({ className, "aria-label": ariaLabel = "Pagination", ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "nav",
+    {
+      "data-slot": "pagination",
+      "aria-label": ariaLabel,
+      className: utils_cn.cn("flex items-center justify-center", className),
+      ...props
+    }
+  );
+}
+const isInert = (element) => element.getAttribute("aria-disabled") === "true";
+function PaginationContent({ className, ...props }) {
+  const containerRef = React.useRef(null);
+  const hover = hooks_useFluidHover.useFluidHover(containerRef, { axis: "x", isItemDisabled: isInert, gapClick: false });
+  const [currentIndex, setCurrentIndex] = React.useState(null);
+  const counterRef = React.useRef(0);
+  const freeRef = React.useRef([]);
+  const { registerItem } = hover;
+  const context = React.useMemo(
+    () => ({
+      registerItem,
+      allocateIndex: () => freeRef.current.pop() ?? counterRef.current++,
+      releaseIndex: (index) => {
+        freeRef.current.push(index);
+      },
+      setCurrentIndex
+    }),
+    [registerItem]
+  );
+  const currentIndicator = { ...hover, activeIndex: currentIndex };
+  return /* @__PURE__ */ jsxRuntime.jsx(PaginationContext, { value: context, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, ...hover.handlers, className: "relative isolate", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(components_fluidHoverHighlight.FluidHoverHighlight, { hover, className: "-z-2 rounded-full bg-fill-subtle" }),
+    /* @__PURE__ */ jsxRuntime.jsx(components_fluidHoverHighlight.FluidHoverHighlight, { hover: currentIndicator, className: utils_cn.cn("-z-1 rounded-full", primitives_formElement.raisedControlSurfaceStyle) }),
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { "data-slot": "pagination-content", className: utils_cn.cn("flex items-center gap-1", className), ...props })
+  ] }) });
+}
+function PaginationItem(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { "data-slot": "pagination-item", ...props });
+}
+const paginationLinkClass = utils_cn.cn(
+  primitives_controlSize.controlSizeClasses.sm,
+  primitives_transitions.controlStateColorTransition,
+  primitives_transitions.focusRing,
+  "relative inline-flex min-w-control-sm cursor-pointer items-center justify-center gap-1 rounded-full px-2.5 text-muted-foreground tabular-nums",
+  "hover:text-foreground aria-[current=page]:text-foreground",
+  "aria-disabled:cursor-not-allowed aria-disabled:text-placeholder aria-disabled:hover:text-placeholder"
+);
+function preventActivation(event) {
+  event.preventDefault();
+}
+function isAnchorElement(render) {
+  return React.isValidElement(render) && render.type === "a";
+}
+function linkRender(render, disabled) {
+  if (disabled && isAnchorElement(render)) return React.cloneElement(render, { href: void 0 });
+  return render;
+}
+function elementProps(render, disabled) {
+  if (render === void 0) return { type: "button" };
+  if (disabled && isAnchorElement(render)) return { role: "link", tabIndex: 0 };
+  return {};
+}
+function activationProps(disabled, onClick) {
+  if (disabled) return { "aria-disabled": true, onClick: preventActivation, onAuxClick: preventActivation };
+  return { onClick };
+}
+function PaginationLink({ isActive, disabled, render, className, onClick, ...props }) {
+  const ref = usePaginationItemRef();
+  return useRender.useRender({
+    defaultTagName: "button",
+    render: linkRender(render, disabled),
+    ref,
+    props: {
+      ...elementProps(render, disabled),
+      ...props,
+      ...activationProps(disabled, onClick),
+      "data-slot": "pagination-link",
+      "aria-current": isActive && "page",
+      className: utils_cn.cn(paginationLinkClass, className)
+    }
+  });
+}
+function PaginationPrevious({ text = "Previous", ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(PaginationLink, { ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { size: "sm", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, {}) }),
+    text
+  ] });
+}
+function PaginationNext({ text = "Next", ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(PaginationLink, { ...props, children: [
+    text,
+    /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { size: "sm", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, {}) })
+  ] });
+}
+function PaginationEllipsis({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      "data-slot": "pagination-ellipsis",
+      className: utils_cn.cn("flex w-control-sm items-center justify-center text-muted-foreground", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { size: "sm", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Ellipsis, {}) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "More pages" })
+      ]
+    }
+  );
+}
+
+const pageItem = (page) => ({ kind: "page", page });
+function windowStart(page, pageCount) {
+  const start = Math.max(1, Math.min(page - 1, pageCount - 5));
+  if (start === 2) return 1;
+  return start;
+}
+function windowEnd(page, pageCount) {
+  const end = Math.min(pageCount - 2, Math.max(page + 1, 4));
+  if (end === pageCount - 3) return pageCount - 2;
+  return end;
+}
+function getPaginationRange(page, pageCount) {
+  if (pageCount <= 7) return Array.from({ length: pageCount }, (_, index) => pageItem(index));
+  const first = windowStart(page, pageCount);
+  const last = windowEnd(page, pageCount);
+  const items = [pageItem(0)];
+  if (first > 1) items.push({ kind: "ellipsis", key: "start" });
+  for (let index = first; index <= last; index += 1) items.push(pageItem(index));
+  if (last < pageCount - 2) items.push({ kind: "ellipsis", key: "end" });
+  items.push(pageItem(pageCount - 1));
+  return items;
+}
+
+exports.Pagination = Pagination;
+exports.PaginationContent = PaginationContent;
+exports.PaginationEllipsis = PaginationEllipsis;
+exports.PaginationItem = PaginationItem;
+exports.PaginationLink = PaginationLink;
+exports.PaginationNext = PaginationNext;
+exports.PaginationPrevious = PaginationPrevious;
+exports.getPaginationRange = getPaginationRange;
+//# sourceMappingURL=pagination-range-C0i6gunh.cjs.map

package/dist/pagination-range-C0i6gunh.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-range-C0i6gunh.cjs","sources":["../src/ds/components/Pagination/pagination-context.ts","../src/ds/components/Pagination/pagination.tsx","../src/ds/components/Pagination/pagination-range.ts"],"sourcesContent":["import { createContext, use, useCallback, useRef } from 'react';\nimport type { Dispatch, SetStateAction } from 'react';\nimport type { UseFluidHoverReturn } from '@/hooks/use-fluid-hover';\n\nexport type PaginationContextValue = {\n  registerItem: UseFluidHoverReturn['registerItem'];\n  allocateIndex: () => number;\n  releaseIndex: (index: number) => void;\n  setCurrentIndex: Dispatch<SetStateAction<number | null>>;\n};\n\nexport const PaginationContext = createContext<PaginationContextValue | undefined>(undefined);\n\nconst isCurrent = (element: HTMLElement) => element.getAttribute('aria-current') === 'page';\n\nconst clearCurrent = (index: number) => (current: number | null) => {\n  if (current === index) return null;\n  return current;\n};\n\nexport function usePaginationItemRef() {\n  const ctx = use(PaginationContext);\n  const indexRef = useRef<number | undefined>(undefined);\n  const unsubscribeRef = useRef<(() => void) | undefined>(undefined);\n\n  return useCallback(\n    (element: HTMLElement | null) => {\n      unsubscribeRef.current?.();\n      unsubscribeRef.current = undefined;\n      if (!ctx) return;\n      const { registerItem, allocateIndex, releaseIndex, setCurrentIndex } = ctx;\n\n      if (!element) {\n        const index = indexRef.current;\n        if (index === undefined) return;\n        registerItem(index, null);\n        releaseIndex(index);\n        setCurrentIndex(clearCurrent(index));\n        indexRef.current = undefined;\n        return;\n      }\n\n      indexRef.current ??= allocateIndex();\n      const index = indexRef.current;\n      registerItem(index, element);\n\n      const sync = () => {\n        if (isCurrent(element)) {\n          setCurrentIndex(index);\n          return;\n        }\n        setCurrentIndex(clearCurrent(index));\n      };\n      sync();\n      const observer = typeof MutationObserver === 'undefined' ? undefined : new MutationObserver(sync);\n      observer?.observe(element, { attributes: true, attributeFilter: ['aria-current'] });\n      unsubscribeRef.current = () => observer?.disconnect();\n    },\n    [ctx],\n  );\n}\n","import { useRender } from '@base-ui/react/use-render';\nimport { ChevronLeft, ChevronRight, Ellipsis } from 'lucide-react';\nimport { cloneElement, isValidElement, useMemo, useRef, useState } from 'react';\nimport type { ComponentProps, MouseEvent, ReactElement } from 'react';\nimport { PaginationContext, usePaginationItemRef } from './pagination-context';\nimport type { PaginationContextValue } from './pagination-context';\nimport { FluidHoverHighlight } from '@/components/fluid-hover-highlight';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport { raisedControlSurfaceStyle } from '@/ds/primitives/form-element';\nimport { controlStateColorTransition, focusRing } from '@/ds/primitives/transitions';\nimport { useFluidHover } from '@/hooks/use-fluid-hover';\nimport { cn } from '@/lib/utils';\n\nexport type PaginationProps = ComponentProps<'nav'>;\n\nexport function Pagination({ className, 'aria-label': ariaLabel = 'Pagination', ...props }: PaginationProps) {\n  return (\n    <nav\n      data-slot=\"pagination\"\n      aria-label={ariaLabel}\n      className={cn('flex items-center justify-center', className)}\n      {...props}\n    />\n  );\n}\n\nconst isInert = (element: HTMLElement) => element.getAttribute('aria-disabled') === 'true';\n\nexport type PaginationContentProps = ComponentProps<'ul'>;\n\nexport function PaginationContent({ className, ...props }: PaginationContentProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const hover = useFluidHover(containerRef, { axis: 'x', isItemDisabled: isInert, gapClick: false });\n  const [currentIndex, setCurrentIndex] = useState<number | null>(null);\n  const counterRef = useRef(0);\n  const freeRef = useRef<number[]>([]);\n  const { registerItem } = hover;\n  const context = useMemo<PaginationContextValue>(\n    () => ({\n      registerItem,\n      allocateIndex: () => freeRef.current.pop() ?? counterRef.current++,\n      releaseIndex: index => {\n        freeRef.current.push(index);\n      },\n      setCurrentIndex,\n    }),\n    [registerItem],\n  );\n  const currentIndicator = { ...hover, activeIndex: currentIndex };\n\n  return (\n    <PaginationContext value={context}>\n      <div ref={containerRef} {...hover.handlers} className=\"relative isolate\">\n        <FluidHoverHighlight hover={hover} className=\"-z-2 rounded-full bg-fill-subtle\" />\n        <FluidHoverHighlight hover={currentIndicator} className={cn('-z-1 rounded-full', raisedControlSurfaceStyle)} />\n        <ul data-slot=\"pagination-content\" className={cn('flex items-center gap-1', className)} {...props} />\n      </div>\n    </PaginationContext>\n  );\n}\n\nexport type PaginationItemProps = ComponentProps<'li'>;\n\nexport function PaginationItem(props: PaginationItemProps) {\n  return <li data-slot=\"pagination-item\" {...props} />;\n}\n\nconst paginationLinkClass = cn(\n  controlSizeClasses.sm,\n  controlStateColorTransition,\n  focusRing,\n  'relative inline-flex min-w-control-sm cursor-pointer items-center justify-center gap-1 rounded-full px-2.5 text-muted-foreground tabular-nums',\n  'hover:text-foreground aria-[current=page]:text-foreground',\n  'aria-disabled:cursor-not-allowed aria-disabled:text-placeholder aria-disabled:hover:text-placeholder',\n);\n\nexport type PaginationLinkProps = useRender.ComponentProps<'button'> & {\n  isActive?: boolean;\n  disabled?: boolean;\n};\n\ntype LinkRender = PaginationLinkProps['render'];\n\nfunction preventActivation(event: MouseEvent<HTMLElement>) {\n  event.preventDefault();\n}\n\nfunction isAnchorElement(render: LinkRender): render is ReactElement<ComponentProps<'a'>> {\n  return isValidElement(render) && render.type === 'a';\n}\n\nfunction linkRender(render: LinkRender, disabled: boolean | undefined) {\n  if (disabled && isAnchorElement(render)) return cloneElement(render, { href: undefined });\n  return render;\n}\n\nfunction elementProps(render: LinkRender, disabled: boolean | undefined) {\n  if (render === undefined) return { type: 'button' as const };\n  if (disabled && isAnchorElement(render)) return { role: 'link', tabIndex: 0 };\n  return {};\n}\n\nfunction activationProps(disabled: boolean | undefined, onClick: PaginationLinkProps['onClick']) {\n  if (disabled) return { 'aria-disabled': true, onClick: preventActivation, onAuxClick: preventActivation };\n  return { onClick };\n}\n\nexport function PaginationLink({ isActive, disabled, render, className, onClick, ...props }: PaginationLinkProps) {\n  const ref = usePaginationItemRef();\n  return useRender({\n    defaultTagName: 'button',\n    render: linkRender(render, disabled),\n    ref,\n    props: {\n      ...elementProps(render, disabled),\n      ...props,\n      ...activationProps(disabled, onClick),\n      'data-slot': 'pagination-link',\n      'aria-current': isActive && 'page',\n      className: cn(paginationLinkClass, className),\n    },\n  });\n}\n\nexport type PaginationPreviousProps = PaginationLinkProps & { text?: string };\n\nexport function PaginationPrevious({ text = 'Previous', ...props }: PaginationPreviousProps) {\n  return (\n    <PaginationLink {...props}>\n      <Icon size=\"sm\" aria-hidden>\n        <ChevronLeft />\n      </Icon>\n      {text}\n    </PaginationLink>\n  );\n}\n\nexport type PaginationNextProps = PaginationLinkProps & { text?: string };\n\nexport function PaginationNext({ text = 'Next', ...props }: PaginationNextProps) {\n  return (\n    <PaginationLink {...props}>\n      {text}\n      <Icon size=\"sm\" aria-hidden>\n        <ChevronRight />\n      </Icon>\n    </PaginationLink>\n  );\n}\n\nexport type PaginationEllipsisProps = ComponentProps<'span'>;\n\nexport function PaginationEllipsis({ className, ...props }: PaginationEllipsisProps) {\n  return (\n    <span\n      data-slot=\"pagination-ellipsis\"\n      className={cn('flex w-control-sm items-center justify-center text-muted-foreground', className)}\n      {...props}\n    >\n      <Icon size=\"sm\" aria-hidden>\n        <Ellipsis />\n      </Icon>\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  );\n}\n","export type PaginationRangeItem = { kind: 'page'; page: number } | { kind: 'ellipsis'; key: 'start' | 'end' };\n\nconst pageItem = (page: number): PaginationRangeItem => ({ kind: 'page', page });\n\nfunction windowStart(page: number, pageCount: number) {\n  const start = Math.max(1, Math.min(page - 1, pageCount - 5));\n  if (start === 2) return 1;\n  return start;\n}\n\nfunction windowEnd(page: number, pageCount: number) {\n  const end = Math.min(pageCount - 2, Math.max(page + 1, 4));\n  if (end === pageCount - 3) return pageCount - 2;\n  return end;\n}\n\nexport function getPaginationRange(page: number, pageCount: number): PaginationRangeItem[] {\n  if (pageCount <= 7) return Array.from({ length: pageCount }, (_, index) => pageItem(index));\n  const first = windowStart(page, pageCount);\n  const last = windowEnd(page, pageCount);\n  const items: PaginationRangeItem[] = [pageItem(0)];\n  if (first > 1) items.push({ kind: 'ellipsis', key: 'start' });\n  for (let index = first; index <= last; index += 1) items.push(pageItem(index));\n  if (last < pageCount - 2) items.push({ kind: 'ellipsis', key: 'end' });\n  items.push(pageItem(pageCount - 1));\n  return items;\n}\n"],"names":["createContext","use","useRef","useCallback","index","jsx","cn","useFluidHover","useState","useMemo","jsxs","FluidHoverHighlight","raisedControlSurfaceStyle","controlSizeClasses","controlStateColorTransition","focusRing","isValidElement","cloneElement","useRender","Icon","ChevronLeft","ChevronRight","Ellipsis"],"mappings":"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"}

package/dist/{plan-CdtX72kw.cjs → plan-CL-lbDuy.cjs}

@@ -4,10 +4,10 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const Badge = require('./Badge-BF6FbLH_.cjs');
-const Button = require('./Button-BfZzgZrA.cjs');
-const collapsibleBox = require('./collapsible-box-Bu2jHdsK.cjs');
+const Button = require('./Button-CAVPKK09.cjs');
+const collapsibleBox = require('./collapsible-box-oUO65pxW.cjs');
 const useCollapsibleBox = require('./use-collapsible-box-BI80L4h_.cjs');
-const markdownRenderer = require('./markdown-renderer-DaXAim8y.cjs');
+const markdownRenderer = require('./markdown-renderer-BXTNiZbz.cjs');
 const Txt = require('./Txt-DXjXpX9r.cjs');
 const icons_Icon = require('./icons/Icon.cjs.js');
 const hooks_useCopyToClipboard = require('./hooks/use-copy-to-clipboard.cjs.js');
@@ -159,4 +159,4 @@ exports.PlanMain = PlanMain;
 exports.PlanPath = PlanPath;
 exports.PlanStatus = PlanStatus;
 exports.PlanTitle = PlanTitle;
-//# sourceMappingURL=plan-CdtX72kw.cjs.map
+//# sourceMappingURL=plan-CL-lbDuy.cjs.map

package/dist/{plan-CdtX72kw.cjs.map → plan-CL-lbDuy.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"plan-CdtX72kw.cjs","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":["createContext","useContext","DEFAULT_COLLAPSED_HEIGHT","useCollapsibleBox","cn","jsx","jsxs","Icon","ClipboardList","Txt","Badge","useCopyToClipboard","Button","CheckIcon","CopyIcon","CollapsibleBox","MarkdownRenderer","Minimize2","Maximize2"],"mappings":"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"}
+{"version":3,"file":"plan-CL-lbDuy.cjs","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":["createContext","useContext","DEFAULT_COLLAPSED_HEIGHT","useCollapsibleBox","cn","jsx","jsxs","Icon","ClipboardList","Txt","Badge","useCopyToClipboard","Button","CheckIcon","CopyIcon","CollapsibleBox","MarkdownRenderer","Minimize2","Maximize2"],"mappings":"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"}

package/dist/{plan-Cl3-JgbI.js → plan-TXWANP1R.js}

@@ -2,10 +2,10 @@ 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-C8QDEN9j.js';
-import { C as CollapsibleBox } from './collapsible-box-B7YQWv7L.js';
+import { B as Button } from './Button-60jVnaHt.js';
+import { C as CollapsibleBox } from './collapsible-box-CMmJEn3f.js';
 import { u as useCollapsibleBox, D as DEFAULT_COLLAPSED_HEIGHT } from './use-collapsible-box-B0t2_SvP.js';
-import { M as MarkdownRenderer } from './markdown-renderer-D5Wjk1Cs.js';
+import { M as MarkdownRenderer } from './markdown-renderer-Ct-q_KTF.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';
@@ -142,4 +142,4 @@ function PlanExpandButton({ className, variant = "default", ...props }) {
 }
 
 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-Cl3-JgbI.js.map
+//# sourceMappingURL=plan-TXWANP1R.js.map