@mastra/playground-ui 36.1.0-alpha.2 → 37.0.0-alpha.4

package/dist/helpers-DZjuFmIz.cjs

@@ -0,0 +1,352 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const utils_cn = require('./cn-vA5sWo9W.cjs');
+const dateFns = require('date-fns');
+const format = require('date-fns/format');
+const isToday = require('date-fns/isToday');
+const React = require('react');
+const transitions = require('./transitions-DpczSjmD.cjs');
+const lucideReact = require('lucide-react');
+const tooltip = require('./tooltip-fTKN3FCp.cjs');
+const chip = require('./chip-DYly-1k3.cjs');
+
+function ItemListCell({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("", className), children });
+}
+
+function ItemListDateCell({ date, className, withTime = false }) {
+  const isThisYearDate = date ? dateFns.isThisYear(new Date(date)) : false;
+  const displayDayAndMonth = date ? isToday.isToday(new Date(date)) ? "Today" : format.format(new Date(date), "MMM dd") : "";
+  const displayYear = date && !isThisYearDate ? format.format(new Date(date), "yyyy") : "";
+  const displayTime = date && withTime ? `${format.format(new Date(date), "'at' h:mm aaa")}` : "";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("text-neutral2 text-ui-md truncate", className), children: [
+    displayDayAndMonth,
+    " ",
+    displayYear,
+    " ",
+    displayTime
+  ] });
+}
+
+function getItemListColumnTemplate(columns) {
+  if (!columns || columns.length === 0) {
+    return "";
+  }
+  return columns?.map((column) => {
+    return column.size;
+  }).join(" ");
+}
+
+function ItemListHeader({ columns, isSelectionActive, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("sticky top-0 bg-surface3 z-10 rounded-lg px-4 mb-4"), children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: utils_cn.cn("grid gap-4 text-left items-center uppercase  text-neutral3 tracking-widest text-ui-xs", {
+        "pl-12 [&>label]:absolute [&>label]:left-0": isSelectionActive
+      }),
+      style: { gridTemplateColumns: getItemListColumnTemplate(columns) },
+      children
+    }
+  ) });
+}
+
+function ItemListHeaderCol({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn("py-3", className), children });
+}
+
+function ItemListIdCell({ id, className, isShortened = true }) {
+  const displayId = isShortened ? id.slice(0, 8) : id;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("text-neutral2 py-[0.6rem] text-ui-md truncate", className), children: displayId });
+}
+
+function ItemListItems({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "grid content-start", children });
+}
+
+function ItemListItemsScroller({ children }) {
+  const containerRef = React.useRef(null);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: containerRef, className: utils_cn.cn("overflow-y-auto"), children });
+}
+
+function ItemListLabelCell({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("label", { className: utils_cn.cn("flex w-14 h-full justify-center items-center hover:bg-surface5 rounded-lg", className), children });
+}
+
+function ItemListLinkCell({ children, href, className, LinkComponent: Link }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Link,
+    {
+      href,
+      className: utils_cn.cn(
+        "w-full px-3 py-[0.6rem] gap-6 text-left items-center rounded-lg flex justify-center",
+        "hover:bg-surface4",
+        transitions.transitions.colors,
+        transitions.focusRing.visible,
+        className
+      ),
+      children
+    }
+  );
+}
+
+function ItemListMessage({ children, message, className, type }) {
+  if (!children && !message) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("grid border-t border-border1", className), children: message ? /* @__PURE__ */ jsxRuntime.jsxs(
+    "p",
+    {
+      className: utils_cn.cn(
+        "text-neutral3 text-ui-md text-center grid p-8 justify-center justify-items-center gap-2",
+        "[&>svg]:w-[1.5em] [&>svg]:h-[1.5em] [&>svg]:opacity-75",
+        {
+          "[&>svg]:text-red-500": type === "error"
+        }
+      ),
+      children: [
+        type === "error" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TriangleAlertIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, {}),
+        " ",
+        message
+      ]
+    }
+  ) : children });
+}
+
+function ItemListNextPageLoading({
+  isLoading,
+  hasMore,
+  setEndOfListElement,
+  loadingText = "Loading more data...",
+  noMoreDataText = "No more data to load"
+}) {
+  if (!setEndOfListElement) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: setEndOfListElement, className: "text-ui-md text-neutral3 opacity-50 flex mt-8 justify-center", children: [
+    isLoading && loadingText,
+    !hasMore && !isLoading && noMoreDataText
+  ] });
+}
+
+function ItemListPagination({ currentPage, hasMore, onNextPage, onPrevPage }) {
+  const showNavigation = typeof currentPage === "number" && currentPage > 0 || hasMore;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("flex pt-6 items-center justify-center text-neutral3 text-ui-md gap-8"), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+      "Page ",
+      /* @__PURE__ */ jsxRuntime.jsx("b", { children: currentPage ? currentPage + 1 : "1" })
+    ] }),
+    showNavigation && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: utils_cn.cn(
+          "flex gap-4",
+          "[&>button]:flex [&>button]:items-center [&>button]:gap-2 [&>button]:text-neutral4 [&>button:hover]:text-neutral5 [&>button]:transition-colors [&>button]:border [&>button]:border-border1 [&>button]:p-1 [&>button]:px-2 [&>button]:rounded-md",
+          "[&_svg]:w-[1em] [&_svg]:h-[1em] [&_svg]:text-neutral3"
+        ),
+        children: [
+          typeof currentPage === "number" && currentPage > 0 && /* @__PURE__ */ jsxRuntime.jsxs("button", { onClick: onPrevPage, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeftIcon, {}),
+            "Previous"
+          ] }),
+          hasMore && /* @__PURE__ */ jsxRuntime.jsxs("button", { onClick: onNextPage, children: [
+            "Next",
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRightIcon, {})
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+
+function ItemListRoot({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("grid grid-rows-[auto_1fr] overflow-y-auto", className), children });
+}
+
+function ItemListRow({ isSelected, children, columns }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "li",
+    {
+      className: utils_cn.cn(
+        "flex border border-transparent py-[3px] pb-[2px] text-neutral5 border-t-border1 rounded-lg first:border-t-transparent text-ui-md overflow-hidden",
+        "[&:last-child>button]:rounded-b-lg",
+        "[&.selected-row]:border-white/50 [&.selected-row]:pr-[3px] [&.selected-row]:border-dashed [&.selected-row]:border [&.selected-row]:first:border-t",
+        "[&:has(+.selected-row)]:rounded-b-none [&:has(+.selected-row)]:border-b-transparent",
+        "[.selected-row+&]:rounded-t-none",
+        transitions.transitions.colors,
+        {
+          "selected-row": isSelected,
+          "grid px-4 gap-4 ": columns
+        }
+      ),
+      style: { gridTemplateColumns: getItemListColumnTemplate(columns) },
+      children
+    }
+  );
+}
+
+function ItemListRowButton({
+  item,
+  isFeatured,
+  onClick,
+  children,
+  columns,
+  className,
+  disabled
+}) {
+  const handleClick = () => {
+    onClick?.(item?.id);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      onClick: handleClick,
+      className: utils_cn.cn(
+        "grid w-full px-4 gap-4 text-left items-center rounded-lg",
+        transitions.transitions.colors,
+        transitions.focusRing.visible,
+        {
+          "bg-surface4": isFeatured,
+          // hover effect only not for skeleton and featured
+          "hover:bg-surface4": item && !isFeatured && !disabled
+        },
+        className
+      ),
+      style: { gridTemplateColumns: getItemListColumnTemplate(columns) },
+      disabled,
+      children
+    }
+  );
+}
+
+function capitalize(value) {
+  return value.charAt(0).toUpperCase() + value.slice(1);
+}
+function ItemListStatusCell({ status }) {
+  if (!status) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("flex items-center justify-center w-10 relative bg-transparent h-full"), children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: utils_cn.cn("w-2 h-2 rounded-full", {
+          "bg-green-600": ["success", "completed"].includes(status),
+          "bg-red-700": ["error", "failed"].includes(status),
+          "bg-yellow-500": ["pending", "running"].includes(status)
+        })
+      }
+    ) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipContent, { children: capitalize(status) })
+  ] });
+}
+
+function ItemListTextCell({ children, isLoading, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("text-neutral4  py-[0.6rem] text-ui-md truncate", className), children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-surface4 rounded-md animate-pulse text-transparent h-4 select-none" }) : children });
+}
+
+function ItemListVersionCell({ version, date, isLatest, isDeleted }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(ItemListCell, { className: utils_cn.cn("grid grid-cols-[1fr_auto] pl-1"), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: utils_cn.cn("grid text-neutral3 gap-1 leading-none", {
+          "text-neutral4": isLatest
+        }),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("strong", { className: "font-normal", children: [
+            "v. ",
+            version
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("em", { className: "text-neutral2 text-ui-sm font-normal", children: date ? dateFns.format(new Date(date), "MMM d, yyyy HH:mm") : null })
+        ]
+      }
+    ),
+    (isLatest || isDeleted) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1 items-center", children: [
+      isLatest && /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(chip.Chip, { color: "blue", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ClockIcon, {}) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipContent, { children: "Latest version" })
+      ] }),
+      isDeleted && /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(chip.Chip, { color: "red", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BanIcon, {}) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipContent, { children: "Deleted in this version" })
+      ] })
+    ] })
+  ] });
+}
+
+const ItemList = Object.assign(ItemListRoot, {
+  Header: ItemListHeader,
+  HeaderCol: ItemListHeaderCol,
+  Items: ItemListItems,
+  Scroller: ItemListItemsScroller,
+  Row: ItemListRow,
+  RowButton: ItemListRowButton,
+  Message: ItemListMessage,
+  NextPageLoading: ItemListNextPageLoading,
+  Pagination: ItemListPagination,
+  Cell: ItemListCell,
+  TextCell: ItemListTextCell,
+  StatusCell: ItemListStatusCell,
+  VersionCell: ItemListVersionCell,
+  IdCell: ItemListIdCell,
+  DateCell: ItemListDateCell,
+  LinkCell: ItemListLinkCell,
+  LabelCell: ItemListLabelCell
+});
+
+const widths = ["75%", "50%", "65%", "90%", "60%", "80%"];
+function ItemListItemsSkeleton({ columns, numberOfRows = 3 }) {
+  const getPseudoRandomWidth = (rowIdx, colIdx) => {
+    const index = (rowIdx + colIdx + (columns?.length || 0) + (numberOfRows || 0)) % widths.length;
+    return widths[index];
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(ItemListItems, { children: Array.from({ length: numberOfRows }).map((_, rowIdx) => /* @__PURE__ */ jsxRuntime.jsx(ItemListRow, { children: /* @__PURE__ */ jsxRuntime.jsx(ItemListRowButton, { columns, children: (columns || []).map((col, colIdx) => {
+    const key = `${col.name}-${colIdx}`;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "bg-surface4 rounded-md animate-pulse text-transparent h-4 select-none",
+        style: { width: `${getPseudoRandomWidth(rowIdx, colIdx)}` }
+      },
+      key
+    );
+  }) }) }, rowIdx)) });
+}
+
+function ItemListSkeleton({ columns, numberOfRows }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(ItemList, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ItemListHeader, { columns }),
+    /* @__PURE__ */ jsxRuntime.jsx(ItemListItemsSkeleton, { columns, numberOfRows })
+  ] });
+}
+
+function getToNextItemFn({ entries, id, update }) {
+  const currentIndex = entries.findIndex((entry) => entry.id === id);
+  const thereIsNextItem = currentIndex < entries.length - 1;
+  if (thereIsNextItem) {
+    return () => {
+      const nextItem = entries[currentIndex + 1];
+      update(nextItem.id);
+    };
+  }
+  return void 0;
+}
+function getToPreviousItemFn({ entries, id, update }) {
+  const currentIndex = entries.findIndex((entry) => entry.id === id);
+  const thereIsPreviousItem = currentIndex > 0;
+  if (thereIsPreviousItem) {
+    return () => {
+      const previousItem = entries[currentIndex - 1];
+      update(previousItem.id);
+    };
+  }
+  return void 0;
+}
+
+exports.ItemList = ItemList;
+exports.ItemListSkeleton = ItemListSkeleton;
+exports.getItemListColumnTemplate = getItemListColumnTemplate;
+exports.getToNextItemFn = getToNextItemFn;
+exports.getToPreviousItemFn = getToPreviousItemFn;
+//# sourceMappingURL=helpers-DZjuFmIz.cjs.map

package/dist/helpers-DZjuFmIz.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers-DZjuFmIz.cjs","sources":["../src/ds/components/ItemList/item-list-cell.tsx","../src/ds/components/ItemList/item-list-date-cell.tsx","../src/ds/components/ItemList/shared.tsx","../src/ds/components/ItemList/item-list-header.tsx","../src/ds/components/ItemList/item-list-header-col.tsx","../src/ds/components/ItemList/item-list-id-cell.tsx","../src/ds/components/ItemList/item-list-items.tsx","../src/ds/components/ItemList/item-list-items-scroller.tsx","../src/ds/components/ItemList/item-list-label-cell.tsx","../src/ds/components/ItemList/item-list-link-cell.tsx","../src/ds/components/ItemList/item-list-message.tsx","../src/ds/components/ItemList/item-list-next-page-loading.tsx","../src/ds/components/ItemList/item-list-pagination.tsx","../src/ds/components/ItemList/item-list-root.tsx","../src/ds/components/ItemList/item-list-row.tsx","../src/ds/components/ItemList/item-list-row-button.tsx","../src/ds/components/ItemList/item-list-status-cell.tsx","../src/ds/components/ItemList/item-list-text-cell.tsx","../src/ds/components/ItemList/item-list-version-cell.tsx","../src/ds/components/ItemList/item-list.tsx","../src/ds/components/ItemList/item-list-items-skeleton.tsx","../src/ds/components/ItemList/item-list-skeleton.tsx","../src/ds/components/ItemList/helpers.ts"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type ItemListTextCellProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function ItemListCell({ children, className }: ItemListTextCellProps) {\n  return <div className={cn('', className)}>{children}</div>;\n}\n","import { isThisYear } from 'date-fns';\nimport { format } from 'date-fns/format';\nimport { isToday } from 'date-fns/isToday';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListDateCellProps = {\n  date: Date | string | null;\n  className?: string;\n  withTime?: boolean;\n};\n\nexport function ItemListDateCell({ date, className, withTime = false }: ItemListDateCellProps) {\n  const isThisYearDate = date ? isThisYear(new Date(date)) : false;\n\n  const displayDayAndMonth = date ? (isToday(new Date(date)) ? 'Today' : format(new Date(date), 'MMM dd')) : '';\n  const displayYear = date && !isThisYearDate ? format(new Date(date), 'yyyy') : '';\n  const displayTime = date && withTime ? `${format(new Date(date), \"'at' h:mm aaa\")}` : '';\n\n  return (\n    <div className={cn('text-neutral2 text-ui-md truncate', className)}>\n      {displayDayAndMonth} {displayYear} {displayTime}\n    </div>\n  );\n}\n","import type { ItemListColumn } from './types';\n\nexport function getItemListColumnTemplate(columns?: ItemListColumn[]): string {\n  if (!columns || columns.length === 0) {\n    return '';\n  }\n\n  return columns\n    ?.map(column => {\n      return column.size;\n    })\n    .join(' ');\n}\n","import { getItemListColumnTemplate } from './shared';\nimport type { ItemListColumn } from './types';\n\nimport { cn } from '@/lib/utils';\n\nexport type ItemListHeaderProps = {\n  columns?: ItemListColumn[];\n  isSelectionActive?: boolean;\n  children?: React.ReactNode;\n};\n\nexport function ItemListHeader({ columns, isSelectionActive, children }: ItemListHeaderProps) {\n  return (\n    <div className={cn('sticky top-0 bg-surface3 z-10 rounded-lg px-4 mb-4')}>\n      <div\n        className={cn('grid gap-4 text-left items-center uppercase  text-neutral3 tracking-widest text-ui-xs', {\n          'pl-12 [&>label]:absolute [&>label]:left-0': isSelectionActive,\n        })}\n        style={{ gridTemplateColumns: getItemListColumnTemplate(columns) }}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type ItemListHeaderColProps = {\n  children?: React.ReactNode;\n  className?: string;\n};\n\nexport function ItemListHeaderCol({ children, className }: ItemListHeaderColProps) {\n  return <span className={cn('py-3', className)}>{children}</span>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type ItemListIdCellProps = {\n  id: string;\n  className?: string;\n  isShortened?: boolean;\n};\n\nexport function ItemListIdCell({ id, className, isShortened = true }: ItemListIdCellProps) {\n  const displayId = isShortened ? id.slice(0, 8) : id;\n  return <div className={cn('text-neutral2 py-[0.6rem] text-ui-md truncate', className)}>{displayId}</div>;\n}\n","import React from 'react';\n\nexport type ItemListItemsProps = {\n  children?: React.ReactNode;\n};\n\nexport function ItemListItems({ children }: ItemListItemsProps) {\n  return <ul className=\"grid content-start\">{children}</ul>;\n}\n","import React, { useRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListItemsScroller = {\n  children?: React.ReactNode;\n};\n\nexport function ItemListItemsScroller({ children }: ItemListItemsScroller) {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <div ref={containerRef} className={cn('overflow-y-auto')}>\n      {children}\n    </div>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type ItemListLabelCellProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function ItemListLabelCell({ children, className }: ItemListLabelCellProps) {\n  return (\n    <label className={cn('flex w-14 h-full justify-center items-center hover:bg-surface5 rounded-lg', className)}>\n      {children}\n    </label>\n  );\n}\n","import { transitions, focusRing } from '@/ds/primitives/transitions';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListLinkCellProps = {\n  children?: React.ReactNode;\n  className?: string;\n  href: string;\n  LinkComponent: LinkComponent;\n};\n\nexport function ItemListLinkCell({ children, href, className, LinkComponent: Link }: ItemListLinkCellProps) {\n  return (\n    <Link\n      href={href}\n      className={cn(\n        'w-full px-3 py-[0.6rem] gap-6 text-left items-center rounded-lg flex justify-center',\n        'hover:bg-surface4',\n        transitions.colors,\n        focusRing.visible,\n\n        className,\n      )}\n    >\n      {children}\n    </Link>\n  );\n}\n","import { InfoIcon, TriangleAlertIcon } from 'lucide-react';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListMessageProps = {\n  children?: React.ReactNode;\n  message?: string;\n  className?: string;\n  type?: 'info' | 'error';\n};\n\nexport function ItemListMessage({ children, message, className, type }: ItemListMessageProps) {\n  if (!children && !message) {\n    return null;\n  }\n\n  return (\n    <div className={cn('grid border-t border-border1', className)}>\n      {message ? (\n        <p\n          className={cn(\n            'text-neutral3 text-ui-md text-center grid p-8 justify-center justify-items-center gap-2',\n            '[&>svg]:w-[1.5em] [&>svg]:h-[1.5em] [&>svg]:opacity-75',\n            {\n              '[&>svg]:text-red-500': type === 'error',\n            },\n          )}\n        >\n          {type === 'error' ? <TriangleAlertIcon /> : <InfoIcon />} {message}\n        </p>\n      ) : (\n        children\n      )}\n    </div>\n  );\n}\n","export type ItemListNextPageLoadingProps = {\n  isLoading?: boolean;\n  hasMore?: boolean;\n  setEndOfListElement?: (element: HTMLDivElement | null) => void;\n  loadingText?: string;\n  noMoreDataText?: string;\n};\n\nexport function ItemListNextPageLoading({\n  isLoading,\n  hasMore,\n  setEndOfListElement,\n  loadingText = 'Loading more data...',\n  noMoreDataText = 'No more data to load',\n}: ItemListNextPageLoadingProps) {\n  if (!setEndOfListElement) {\n    return null;\n  }\n\n  return (\n    <div ref={setEndOfListElement} className=\"text-ui-md text-neutral3 opacity-50 flex mt-8 justify-center\">\n      {isLoading && loadingText}\n      {!hasMore && !isLoading && noMoreDataText}\n    </div>\n  );\n}\n","import { ArrowLeftIcon, ArrowRightIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\nexport type ItemListPaginationProps = {\n  currentPage?: number;\n  hasMore?: boolean;\n  onNextPage?: () => void;\n  onPrevPage?: () => void;\n};\n\nexport function ItemListPagination({ currentPage, hasMore, onNextPage, onPrevPage }: ItemListPaginationProps) {\n  const showNavigation = (typeof currentPage === 'number' && currentPage > 0) || hasMore;\n\n  return (\n    <div className={cn('flex pt-6 items-center justify-center text-neutral3 text-ui-md gap-8')}>\n      <span>\n        Page <b>{currentPage ? currentPage + 1 : '1'}</b>\n      </span>\n      {showNavigation && (\n        <div\n          className={cn(\n            'flex gap-4',\n            '[&>button]:flex [&>button]:items-center [&>button]:gap-2 [&>button]:text-neutral4 [&>button:hover]:text-neutral5 [&>button]:transition-colors [&>button]:border [&>button]:border-border1 [&>button]:p-1 [&>button]:px-2 [&>button]:rounded-md',\n            '[&_svg]:w-[1em] [&_svg]:h-[1em] [&_svg]:text-neutral3',\n          )}\n        >\n          {typeof currentPage === 'number' && currentPage > 0 && (\n            <button onClick={onPrevPage}>\n              <ArrowLeftIcon />\n              Previous\n            </button>\n          )}\n          {hasMore && (\n            <button onClick={onNextPage}>\n              Next\n              <ArrowRightIcon />\n            </button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n","import React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListRootProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function ItemListRoot({ children, className }: ItemListRootProps) {\n  return <div className={cn('grid grid-rows-[auto_1fr] overflow-y-auto', className)}>{children}</div>;\n}\n","import { getItemListColumnTemplate } from './shared';\nimport type { ItemListColumn } from './types';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListRowProps = {\n  isSelected?: boolean;\n  children?: React.ReactNode;\n  columns?: ItemListColumn[];\n};\n\nexport function ItemListRow({ isSelected, children, columns }: ItemListRowProps) {\n  return (\n    <li\n      className={cn(\n        'flex border border-transparent py-[3px] pb-[2px] text-neutral5 border-t-border1 rounded-lg first:border-t-transparent text-ui-md overflow-hidden',\n        '[&:last-child>button]:rounded-b-lg',\n        '[&.selected-row]:border-white/50 [&.selected-row]:pr-[3px] [&.selected-row]:border-dashed [&.selected-row]:border [&.selected-row]:first:border-t',\n        '[&:has(+.selected-row)]:rounded-b-none [&:has(+.selected-row)]:border-b-transparent',\n        '[.selected-row+&]:rounded-t-none',\n        transitions.colors,\n        {\n          'selected-row': isSelected,\n          'grid px-4 gap-4 ': columns,\n        },\n      )}\n      style={{ gridTemplateColumns: getItemListColumnTemplate(columns) }}\n    >\n      {children}\n    </li>\n  );\n}\n","import { getItemListColumnTemplate } from './shared';\nimport type { ItemListColumn } from './types';\nimport { transitions, focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListRowButtonProps = {\n  item?: any;\n  isFeatured?: boolean;\n  children?: React.ReactNode;\n  onClick?: (itemId: string) => void;\n  columns?: ItemListColumn[];\n  className?: string;\n  disabled?: boolean;\n};\n\nexport function ItemListRowButton({\n  item,\n  isFeatured,\n  onClick,\n  children,\n  columns,\n  className,\n  disabled,\n}: ItemListRowButtonProps) {\n  const handleClick = () => {\n    onClick?.(item?.id);\n  };\n\n  return (\n    <button\n      onClick={handleClick}\n      className={cn(\n        'grid w-full px-4 gap-4 text-left items-center rounded-lg',\n        transitions.colors,\n        focusRing.visible,\n        {\n          'bg-surface4': isFeatured,\n          // hover effect only not for skeleton and featured\n          'hover:bg-surface4': item && !isFeatured && !disabled,\n        },\n        className,\n      )}\n      style={{ gridTemplateColumns: getItemListColumnTemplate(columns) }}\n      disabled={disabled}\n    >\n      {children}\n    </button>\n  );\n}\n","import { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListStatusCellProps = {\n  status?: string;\n};\n\nfunction capitalize(value: string): string {\n  return value.charAt(0).toUpperCase() + value.slice(1);\n}\n\nexport function ItemListStatusCell({ status }: ItemListStatusCellProps) {\n  if (!status) {\n    return null;\n  }\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <div className={cn('flex items-center justify-center w-10 relative bg-transparent h-full')}>\n          <div\n            className={cn('w-2 h-2 rounded-full', {\n              'bg-green-600': ['success', 'completed'].includes(status),\n              'bg-red-700': ['error', 'failed'].includes(status),\n              'bg-yellow-500': ['pending', 'running'].includes(status),\n            })}\n          ></div>\n        </div>\n      </TooltipTrigger>\n      <TooltipContent>{capitalize(status)}</TooltipContent>\n    </Tooltip>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type ItemListTextCellProps = {\n  children: React.ReactNode;\n  isLoading?: boolean;\n  className?: string;\n};\n\nexport function ItemListTextCell({ children, isLoading, className }: ItemListTextCellProps) {\n  return (\n    <div className={cn('text-neutral4  py-[0.6rem] text-ui-md truncate', className)}>\n      {isLoading ? (\n        <div className=\"bg-surface4 rounded-md animate-pulse text-transparent h-4 select-none\"></div>\n      ) : (\n        children\n      )}\n    </div>\n  );\n}\n","import { format } from 'date-fns';\nimport { BanIcon, ClockIcon } from 'lucide-react';\nimport { Chip } from '../Chip';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../Tooltip';\nimport { ItemListCell } from './item-list-cell';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListVersionCellProps = {\n  version: string | number;\n  date?: Date | string | null;\n  isLatest?: boolean;\n  isDeleted?: boolean;\n};\n\nexport function ItemListVersionCell({ version, date, isLatest, isDeleted }: ItemListVersionCellProps) {\n  return (\n    <ItemListCell className={cn('grid grid-cols-[1fr_auto] pl-1')}>\n      <div\n        className={cn('grid text-neutral3 gap-1 leading-none', {\n          'text-neutral4': isLatest,\n        })}\n      >\n        <strong className=\"font-normal\">v. {version}</strong>\n        <em className=\"text-neutral2 text-ui-sm font-normal\">\n          {date ? format(new Date(date), 'MMM d, yyyy HH:mm') : null}\n        </em>\n      </div>\n      {(isLatest || isDeleted) && (\n        <div className=\"flex gap-1 items-center\">\n          {isLatest && (\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <Chip color=\"blue\">\n                  <ClockIcon />\n                </Chip>\n              </TooltipTrigger>\n              <TooltipContent>Latest version</TooltipContent>\n            </Tooltip>\n          )}\n          {isDeleted && (\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <Chip color=\"red\">\n                  <BanIcon />\n                </Chip>\n              </TooltipTrigger>\n              <TooltipContent>Deleted in this version</TooltipContent>\n            </Tooltip>\n          )}\n        </div>\n      )}\n    </ItemListCell>\n  );\n}\n","import { ItemListCell } from './item-list-cell';\nimport { ItemListDateCell } from './item-list-date-cell';\nimport { ItemListHeader } from './item-list-header';\nimport { ItemListHeaderCol } from './item-list-header-col';\nimport { ItemListIdCell } from './item-list-id-cell';\nimport { ItemListItems } from './item-list-items';\nimport { ItemListItemsScroller } from './item-list-items-scroller';\nimport { ItemListLabelCell } from './item-list-label-cell';\nimport { ItemListLinkCell } from './item-list-link-cell';\nimport { ItemListMessage } from './item-list-message';\nimport { ItemListNextPageLoading } from './item-list-next-page-loading';\nimport { ItemListPagination } from './item-list-pagination';\nimport { ItemListRoot } from './item-list-root';\nimport { ItemListRow } from './item-list-row';\nimport { ItemListRowButton } from './item-list-row-button';\nimport { ItemListStatusCell } from './item-list-status-cell';\nimport { ItemListTextCell } from './item-list-text-cell';\nimport { ItemListVersionCell } from './item-list-version-cell';\n\nexport const ItemList = Object.assign(ItemListRoot, {\n  Header: ItemListHeader,\n  HeaderCol: ItemListHeaderCol,\n  Items: ItemListItems,\n  Scroller: ItemListItemsScroller,\n  Row: ItemListRow,\n  RowButton: ItemListRowButton,\n  Message: ItemListMessage,\n  NextPageLoading: ItemListNextPageLoading,\n  Pagination: ItemListPagination,\n  Cell: ItemListCell,\n  TextCell: ItemListTextCell,\n  StatusCell: ItemListStatusCell,\n  VersionCell: ItemListVersionCell,\n  IdCell: ItemListIdCell,\n  DateCell: ItemListDateCell,\n  LinkCell: ItemListLinkCell,\n  LabelCell: ItemListLabelCell,\n});\n","import { ItemListItems } from './item-list-items';\nimport { ItemListRow } from './item-list-row';\nimport { ItemListRowButton } from './item-list-row-button';\nimport type { ItemListColumn } from './types';\n\nconst widths = ['75%', '50%', '65%', '90%', '60%', '80%'];\n\nexport type ItemListItemsSkeletonProps = {\n  columns?: ItemListColumn[];\n  numberOfRows?: number;\n};\n\nexport function ItemListItemsSkeleton({ columns, numberOfRows = 3 }: ItemListItemsSkeletonProps) {\n  const getPseudoRandomWidth = (rowIdx: number, colIdx: number) => {\n    const index = (rowIdx + colIdx + (columns?.length || 0) + (numberOfRows || 0)) % widths.length;\n    return widths[index];\n  };\n\n  return (\n    <ItemListItems>\n      {Array.from({ length: numberOfRows }).map((_, rowIdx) => (\n        <ItemListRow key={rowIdx}>\n          <ItemListRowButton columns={columns}>\n            {(columns || []).map((col, colIdx) => {\n              const key = `${col.name}-${colIdx}`;\n              return (\n                <div\n                  key={key}\n                  className=\"bg-surface4 rounded-md animate-pulse text-transparent h-4 select-none\"\n                  style={{ width: `${getPseudoRandomWidth(rowIdx, colIdx)}` }}\n                ></div>\n              );\n            })}\n          </ItemListRowButton>\n        </ItemListRow>\n      ))}\n    </ItemListItems>\n  );\n}\n","import { ItemList } from './item-list';\nimport { ItemListHeader } from './item-list-header';\nimport { ItemListItemsSkeleton } from './item-list-items-skeleton';\nimport type { ItemListItemsSkeletonProps } from './item-list-items-skeleton';\n\nexport function ItemListSkeleton({ columns, numberOfRows }: ItemListItemsSkeletonProps) {\n  return (\n    <ItemList>\n      <ItemListHeader columns={columns} />\n      <ItemListItemsSkeleton columns={columns} numberOfRows={numberOfRows} />\n    </ItemList>\n  );\n}\n","type getToItemFnParams = {\n  entries: { id: string }[];\n  id: string | undefined;\n  update: (id: string) => void;\n};\n\nexport function getToNextItemFn({ entries, id, update }: getToItemFnParams) {\n  const currentIndex = entries.findIndex(entry => entry.id === id);\n  const thereIsNextItem = currentIndex < entries.length - 1;\n\n  if (thereIsNextItem) {\n    return () => {\n      const nextItem = entries[currentIndex + 1];\n      update(nextItem.id);\n    };\n  }\n\n  return undefined;\n}\n\nexport function getToPreviousItemFn({ entries, id, update }: getToItemFnParams) {\n  const currentIndex = entries.findIndex(entry => entry.id === id);\n  const thereIsPreviousItem = currentIndex > 0;\n\n  if (thereIsPreviousItem) {\n    return () => {\n      const previousItem = entries[currentIndex - 1];\n      update(previousItem.id);\n    };\n  }\n\n  return undefined;\n}\n"],"names":["cn","isThisYear","isToday","format","jsx","useRef","transitions","focusRing","jsxs","TriangleAlertIcon","InfoIcon","ArrowLeftIcon","ArrowRightIcon","Tooltip","TooltipTrigger","TooltipContent","Chip","ClockIcon","BanIcon"],"mappings":";;;;;;;;;;;;;AAOO,SAAS,YAAA,CAAa,EAAE,QAAA,EAAU,SAAA,EAAU,EAA0B;AAC3E,EAAA,sCAAQ,KAAA,EAAA,EAAI,SAAA,EAAWA,YAAG,EAAA,EAAI,SAAS,GAAI,QAAA,EAAS,CAAA;AACtD;;ACEO,SAAS,iBAAiB,EAAE,IAAA,EAAM,SAAA,EAAW,QAAA,GAAW,OAAM,EAA0B;AAC7F,EAAA,MAAM,iBAAiB,IAAA,GAAOC,kBAAA,CAAW,IAAI,IAAA,CAAK,IAAI,CAAC,CAAA,GAAI,KAAA;AAE3D,EAAA,MAAM,kBAAA,GAAqB,IAAA,GAAQC,eAAA,CAAQ,IAAI,KAAK,IAAI,CAAC,CAAA,GAAI,OAAA,GAAUC,cAAO,IAAI,IAAA,CAAK,IAAI,CAAA,EAAG,QAAQ,CAAA,GAAK,EAAA;AAC3G,EAAA,MAAM,WAAA,GAAc,IAAA,IAAQ,CAAC,cAAA,GAAiBA,aAAA,CAAO,IAAI,IAAA,CAAK,IAAI,CAAA,EAAG,MAAM,CAAA,GAAI,EAAA;AAC/E,EAAA,MAAM,WAAA,GAAc,IAAA,IAAQ,QAAA,GAAW,CAAA,EAAGA,aAAA,CAAO,IAAI,IAAA,CAAK,IAAI,CAAA,EAAG,eAAe,CAAC,CAAA,CAAA,GAAK,EAAA;AAEtF,EAAA,uCACG,KAAA,EAAA,EAAI,SAAA,EAAWH,WAAA,CAAG,mCAAA,EAAqC,SAAS,CAAA,EAC9D,QAAA,EAAA;AAAA,IAAA,kBAAA;AAAA,IAAmB,GAAA;AAAA,IAAE,WAAA;AAAA,IAAY,GAAA;AAAA,IAAE;AAAA,GAAA,EACtC,CAAA;AAEJ;;ACrBO,SAAS,0BAA0B,OAAA,EAAoC;AAC5E,EAAA,IAAI,CAAC,OAAA,IAAW,OAAA,CAAQ,MAAA,KAAW,CAAA,EAAG;AACpC,IAAA,OAAO,EAAA;AAAA,EACT;AAEA,EAAA,OAAO,OAAA,EACH,IAAI,CAAA,MAAA,KAAU;AACd,IAAA,OAAO,MAAA,CAAO,IAAA;AAAA,EAChB,CAAC,CAAA,CACA,IAAA,CAAK,GAAG,CAAA;AACb;;ACDO,SAAS,cAAA,CAAe,EAAE,OAAA,EAAS,iBAAA,EAAmB,UAAS,EAAwB;AAC5F,EAAA,uBACEI,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWJ,WAAA,CAAG,oDAAoD,CAAA,EACrE,QAAA,kBAAAI,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWJ,YAAG,uFAAA,EAAyF;AAAA,QACrG,2CAAA,EAA6C;AAAA,OAC9C,CAAA;AAAA,MACD,KAAA,EAAO,EAAE,mBAAA,EAAqB,yBAAA,CAA0B,OAAO,CAAA,EAAE;AAAA,MAEhE;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;;ACjBO,SAAS,iBAAA,CAAkB,EAAE,QAAA,EAAU,SAAA,EAAU,EAA2B;AACjF,EAAA,sCAAQ,MAAA,EAAA,EAAK,SAAA,EAAWA,YAAG,MAAA,EAAQ,SAAS,GAAI,QAAA,EAAS,CAAA;AAC3D;;ACDO,SAAS,eAAe,EAAE,EAAA,EAAI,SAAA,EAAW,WAAA,GAAc,MAAK,EAAwB;AACzF,EAAA,MAAM,YAAY,WAAA,GAAc,EAAA,CAAG,KAAA,CAAM,CAAA,EAAG,CAAC,CAAA,GAAI,EAAA;AACjD,EAAA,sCAAQ,KAAA,EAAA,EAAI,SAAA,EAAWA,YAAG,+CAAA,EAAiD,SAAS,GAAI,QAAA,EAAA,SAAA,EAAU,CAAA;AACpG;;ACLO,SAAS,aAAA,CAAc,EAAE,QAAA,EAAS,EAAuB;AAC9D,EAAA,uBAAOI,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,oBAAA,EAAsB,QAAA,EAAS,CAAA;AACtD;;ACDO,SAAS,qBAAA,CAAsB,EAAE,QAAA,EAAS,EAA0B;AACzE,EAAA,MAAM,YAAA,GAAeC,aAAuB,IAAI,CAAA;AAEhD,EAAA,uBACED,cAAA,CAAC,SAAI,GAAA,EAAK,YAAA,EAAc,WAAWJ,WAAA,CAAG,iBAAiB,GACpD,QAAA,EACH,CAAA;AAEJ;;ACRO,SAAS,iBAAA,CAAkB,EAAE,QAAA,EAAU,SAAA,EAAU,EAA2B;AACjF,EAAA,sCACG,OAAA,EAAA,EAAM,SAAA,EAAWA,YAAG,2EAAA,EAA6E,SAAS,GACxG,QAAA,EACH,CAAA;AAEJ;;ACFO,SAAS,iBAAiB,EAAE,QAAA,EAAU,MAAM,SAAA,EAAW,aAAA,EAAe,MAAK,EAA0B;AAC1G,EAAA,uBACEI,cAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,SAAA,EAAWJ,WAAA;AAAA,QACT,qFAAA;AAAA,QACA,mBAAA;AAAA,QACAM,uBAAA,CAAY,MAAA;AAAA,QACZC,qBAAA,CAAU,OAAA;AAAA,QAEV;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;ACjBO,SAAS,gBAAgB,EAAE,QAAA,EAAU,OAAA,EAAS,SAAA,EAAW,MAAK,EAAyB;AAC5F,EAAA,IAAI,CAAC,QAAA,IAAY,CAAC,OAAA,EAAS;AACzB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,sCACG,KAAA,EAAA,EAAI,SAAA,EAAWP,YAAG,8BAAA,EAAgC,SAAS,GACzD,QAAA,EAAA,OAAA,mBACCQ,eAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWR,WAAA;AAAA,QACT,yFAAA;AAAA,QACA,wDAAA;AAAA,QACA;AAAA,UACE,wBAAwB,IAAA,KAAS;AAAA;AACnC,OACF;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,IAAA,KAAS,OAAA,mBAAUI,cAAA,CAACK,6BAAA,EAAA,EAAkB,CAAA,kCAAMC,oBAAA,EAAA,EAAS,CAAA;AAAA,QAAG,GAAA;AAAA,QAAE;AAAA;AAAA;AAAA,MAG7D,QAAA,EAEJ,CAAA;AAEJ;;AC1BO,SAAS,uBAAA,CAAwB;AAAA,EACtC,SAAA;AAAA,EACA,OAAA;AAAA,EACA,mBAAA;AAAA,EACA,WAAA,GAAc,sBAAA;AAAA,EACd,cAAA,GAAiB;AACnB,CAAA,EAAiC;AAC/B,EAAA,IAAI,CAAC,mBAAA,EAAqB;AACxB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACEF,eAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAK,mBAAA,EAAqB,WAAU,8DAAA,EACtC,QAAA,EAAA;AAAA,IAAA,SAAA,IAAa,WAAA;AAAA,IACb,CAAC,OAAA,IAAW,CAAC,SAAA,IAAa;AAAA,GAAA,EAC7B,CAAA;AAEJ;;ACdO,SAAS,mBAAmB,EAAE,WAAA,EAAa,OAAA,EAAS,UAAA,EAAY,YAAW,EAA4B;AAC5G,EAAA,MAAM,cAAA,GAAkB,OAAO,WAAA,KAAgB,QAAA,IAAY,cAAc,CAAA,IAAM,OAAA;AAE/E,EAAA,uBACEA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWR,WAAA,CAAG,sEAAsE,CAAA,EACvF,QAAA,EAAA;AAAA,oBAAAQ,eAAA,CAAC,MAAA,EAAA,EAAK,QAAA,EAAA;AAAA,MAAA,OAAA;AAAA,sBACCJ,cAAA,CAAC,GAAA,EAAA,EAAG,QAAA,EAAA,WAAA,GAAc,WAAA,GAAc,IAAI,GAAA,EAAI;AAAA,KAAA,EAC/C,CAAA;AAAA,IACC,cAAA,oBACCI,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWR,WAAA;AAAA,UACT,YAAA;AAAA,UACA,gPAAA;AAAA,UACA;AAAA,SACF;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,OAAO,gBAAgB,QAAA,IAAY,WAAA,GAAc,qBAChDQ,eAAA,CAAC,QAAA,EAAA,EAAO,SAAS,UAAA,EACf,QAAA,EAAA;AAAA,4BAAAJ,cAAA,CAACO,yBAAA,EAAA,EAAc,CAAA;AAAA,YAAE;AAAA,WAAA,EAEnB,CAAA;AAAA,UAED,OAAA,oBACCH,eAAA,CAAC,QAAA,EAAA,EAAO,OAAA,EAAS,UAAA,EAAY,QAAA,EAAA;AAAA,YAAA,MAAA;AAAA,2CAE1BI,0BAAA,EAAA,EAAe;AAAA,WAAA,EAClB;AAAA;AAAA;AAAA;AAEJ,GAAA,EAEJ,CAAA;AAEJ;;ACnCO,SAAS,YAAA,CAAa,EAAE,QAAA,EAAU,SAAA,EAAU,EAAsB;AACvE,EAAA,sCAAQ,KAAA,EAAA,EAAI,SAAA,EAAWZ,YAAG,2CAAA,EAA6C,SAAS,GAAI,QAAA,EAAS,CAAA;AAC/F;;ACCO,SAAS,WAAA,CAAY,EAAE,UAAA,EAAY,QAAA,EAAU,SAAQ,EAAqB;AAC/E,EAAA,uBACEI,cAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWJ,WAAA;AAAA,QACT,kJAAA;AAAA,QACA,oCAAA;AAAA,QACA,mJAAA;AAAA,QACA,qFAAA;AAAA,QACA,kCAAA;AAAA,QACAM,uBAAA,CAAY,MAAA;AAAA,QACZ;AAAA,UACE,cAAA,EAAgB,UAAA;AAAA,UAChB,kBAAA,EAAoB;AAAA;AACtB,OACF;AAAA,MACA,KAAA,EAAO,EAAE,mBAAA,EAAqB,yBAAA,CAA0B,OAAO,CAAA,EAAE;AAAA,MAEhE;AAAA;AAAA,GACH;AAEJ;;AChBO,SAAS,iBAAA,CAAkB;AAAA,EAChC,IAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAA2B;AACzB,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,OAAA,GAAU,MAAM,EAAE,CAAA;AAAA,EACpB,CAAA;AAEA,EAAA,uBACEF,cAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,WAAA;AAAA,MACT,SAAA,EAAWJ,WAAA;AAAA,QACT,0DAAA;AAAA,QACAM,uBAAA,CAAY,MAAA;AAAA,QACZC,qBAAA,CAAU,OAAA;AAAA,QACV;AAAA,UACE,aAAA,EAAe,UAAA;AAAA;AAAA,UAEf,mBAAA,EAAqB,IAAA,IAAQ,CAAC,UAAA,IAAc,CAAC;AAAA,SAC/C;AAAA,QACA;AAAA,OACF;AAAA,MACA,KAAA,EAAO,EAAE,mBAAA,EAAqB,yBAAA,CAA0B,OAAO,CAAA,EAAE;AAAA,MACjE,QAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;ACzCA,SAAS,WAAW,KAAA,EAAuB;AACzC,EAAA,OAAO,KAAA,CAAM,OAAO,CAAC,CAAA,CAAE,aAAY,GAAI,KAAA,CAAM,MAAM,CAAC,CAAA;AACtD;AAEO,SAAS,kBAAA,CAAmB,EAAE,MAAA,EAAO,EAA4B;AACtE,EAAA,IAAI,CAAC,MAAA,EAAQ;AACX,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uCACGM,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAT,cAAA,CAACU,sBAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAAV,cAAA,CAAC,SAAI,SAAA,EAAWJ,WAAA,CAAG,sEAAsE,CAAA,EACvF,QAAA,kBAAAI,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWJ,YAAG,sBAAA,EAAwB;AAAA,UACpC,gBAAgB,CAAC,SAAA,EAAW,WAAW,CAAA,CAAE,SAAS,MAAM,CAAA;AAAA,UACxD,cAAc,CAAC,OAAA,EAAS,QAAQ,CAAA,CAAE,SAAS,MAAM,CAAA;AAAA,UACjD,iBAAiB,CAAC,SAAA,EAAW,SAAS,CAAA,CAAE,SAAS,MAAM;AAAA,SACxD;AAAA;AAAA,OAEL,CAAA,EACF,CAAA;AAAA,oBACAI,cAAA,CAACW,sBAAA,EAAA,EAAgB,QAAA,EAAA,UAAA,CAAW,MAAM,CAAA,EAAE;AAAA,GAAA,EACtC,CAAA;AAEJ;;ACxBO,SAAS,gBAAA,CAAiB,EAAE,QAAA,EAAU,SAAA,EAAW,WAAU,EAA0B;AAC1F,EAAA,uBACEX,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWJ,WAAA,CAAG,gDAAA,EAAkD,SAAS,CAAA,EAC3E,QAAA,EAAA,SAAA,mBACCI,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uEAAA,EAAwE,IAEvF,QAAA,EAEJ,CAAA;AAEJ;;ACJO,SAAS,oBAAoB,EAAE,OAAA,EAAS,IAAA,EAAM,QAAA,EAAU,WAAU,EAA6B;AACpG,EAAA,uBACEI,eAAA,CAAC,YAAA,EAAA,EAAa,SAAA,EAAWR,WAAA,CAAG,gCAAgC,CAAA,EAC1D,QAAA,EAAA;AAAA,oBAAAQ,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWR,YAAG,uCAAA,EAAyC;AAAA,UACrD,eAAA,EAAiB;AAAA,SAClB,CAAA;AAAA,QAED,QAAA,EAAA;AAAA,0BAAAQ,eAAA,CAAC,QAAA,EAAA,EAAO,WAAU,aAAA,EAAc,QAAA,EAAA;AAAA,YAAA,KAAA;AAAA,YAAI;AAAA,WAAA,EAAQ,CAAA;AAAA,0BAC5CJ,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,sCAAA,EACX,QAAA,EAAA,IAAA,GAAOD,cAAA,CAAO,IAAI,IAAA,CAAK,IAAI,CAAA,EAAG,mBAAmB,CAAA,GAAI,IAAA,EACxD;AAAA;AAAA;AAAA,KACF;AAAA,IAAA,CACE,QAAA,IAAY,SAAA,qBACZK,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACZ,QAAA,EAAA;AAAA,MAAA,QAAA,oCACEK,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAAT,cAAA,CAACU,sBAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EACrB,QAAA,kBAAAV,cAAA,CAACY,SAAA,EAAA,EAAK,OAAM,MAAA,EACV,QAAA,kBAAAZ,cAAA,CAACa,qBAAA,EAAA,EAAU,CAAA,EACb,CAAA,EACF,CAAA;AAAA,wBACAb,cAAA,CAACW,0BAAe,QAAA,EAAA,gBAAA,EAAc;AAAA,OAAA,EAChC,CAAA;AAAA,MAED,SAAA,oCACEF,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAAT,cAAA,CAACU,sBAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EACrB,QAAA,kBAAAV,cAAA,CAACY,SAAA,EAAA,EAAK,OAAM,KAAA,EACV,QAAA,kBAAAZ,cAAA,CAACc,mBAAA,EAAA,EAAQ,CAAA,EACX,CAAA,EACF,CAAA;AAAA,wBACAd,cAAA,CAACW,0BAAe,QAAA,EAAA,yBAAA,EAAuB;AAAA,OAAA,EACzC;AAAA,KAAA,EAEJ;AAAA,GAAA,EAEJ,CAAA;AAEJ;;AClCO,MAAM,QAAA,GAAW,MAAA,CAAO,MAAA,CAAO,YAAA,EAAc;AAAA,EAClD,MAAA,EAAQ,cAAA;AAAA,EACR,SAAA,EAAW,iBAAA;AAAA,EACX,KAAA,EAAO,aAAA;AAAA,EACP,QAAA,EAAU,qBAAA;AAAA,EACV,GAAA,EAAK,WAAA;AAAA,EACL,SAAA,EAAW,iBAAA;AAAA,EACX,OAAA,EAAS,eAAA;AAAA,EACT,eAAA,EAAiB,uBAAA;AAAA,EACjB,UAAA,EAAY,kBAAA;AAAA,EACZ,IAAA,EAAM,YAAA;AAAA,EACN,QAAA,EAAU,gBAAA;AAAA,EACV,UAAA,EAAY,kBAAA;AAAA,EACZ,WAAA,EAAa,mBAAA;AAAA,EACb,MAAA,EAAQ,cAAA;AAAA,EACR,QAAA,EAAU,gBAAA;AAAA,EACV,QAAA,EAAU,gBAAA;AAAA,EACV,SAAA,EAAW;AACb,CAAC;;AChCD,MAAM,SAAS,CAAC,KAAA,EAAO,OAAO,KAAA,EAAO,KAAA,EAAO,OAAO,KAAK,CAAA;AAOjD,SAAS,qBAAA,CAAsB,EAAE,OAAA,EAAS,YAAA,GAAe,GAAE,EAA+B;AAC/F,EAAA,MAAM,oBAAA,GAAuB,CAAC,MAAA,EAAgB,MAAA,KAAmB;AAC/D,IAAA,MAAM,KAAA,GAAA,CAAS,SAAS,MAAA,IAAU,OAAA,EAAS,UAAU,CAAA,CAAA,IAAM,YAAA,IAAgB,MAAM,MAAA,CAAO,MAAA;AACxF,IAAA,OAAO,OAAO,KAAK,CAAA;AAAA,EACrB,CAAA;AAEA,EAAA,uBACEX,cAAA,CAAC,aAAA,EAAA,EACE,QAAA,EAAA,KAAA,CAAM,IAAA,CAAK,EAAE,QAAQ,YAAA,EAAc,CAAA,CAAE,GAAA,CAAI,CAAC,CAAA,EAAG,2BAC5CA,cAAA,CAAC,WAAA,EAAA,EACC,QAAA,kBAAAA,cAAA,CAAC,iBAAA,EAAA,EAAkB,OAAA,EACf,QAAA,EAAA,CAAA,OAAA,IAAW,EAAC,EAAG,GAAA,CAAI,CAAC,GAAA,EAAK,MAAA,KAAW;AACpC,IAAA,MAAM,GAAA,GAAM,CAAA,EAAG,GAAA,CAAI,IAAI,IAAI,MAAM,CAAA,CAAA;AACjC,IAAA,uBACEA,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QAEC,SAAA,EAAU,uEAAA;AAAA,QACV,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,qBAAqB,MAAA,EAAQ,MAAM,CAAC,CAAA,CAAA;AAAG,OAAA;AAAA,MAFrD;AAAA,KAGN;AAAA,EAEL,CAAC,CAAA,EACH,CAAA,EAAA,EAZgB,MAalB,CACD,CAAA,EACH,CAAA;AAEJ;;ACjCO,SAAS,gBAAA,CAAiB,EAAE,OAAA,EAAS,YAAA,EAAa,EAA+B;AACtF,EAAA,uCACG,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAA,cAAA,CAAC,kBAAe,OAAA,EAAkB,CAAA;AAAA,oBAClCA,cAAA,CAAC,qBAAA,EAAA,EAAsB,OAAA,EAAkB,YAAA,EAA4B;AAAA,GAAA,EACvE,CAAA;AAEJ;;ACNO,SAAS,eAAA,CAAgB,EAAE,OAAA,EAAS,EAAA,EAAI,QAAO,EAAsB;AAC1E,EAAA,MAAM,eAAe,OAAA,CAAQ,SAAA,CAAU,CAAA,KAAA,KAAS,KAAA,CAAM,OAAO,EAAE,CAAA;AAC/D,EAAA,MAAM,eAAA,GAAkB,YAAA,GAAe,OAAA,CAAQ,MAAA,GAAS,CAAA;AAExD,EAAA,IAAI,eAAA,EAAiB;AACnB,IAAA,OAAO,MAAM;AACX,MAAA,MAAM,QAAA,GAAW,OAAA,CAAQ,YAAA,GAAe,CAAC,CAAA;AACzC,MAAA,MAAA,CAAO,SAAS,EAAE,CAAA;AAAA,IACpB,CAAA;AAAA,EACF;AAEA,EAAA,OAAO,MAAA;AACT;AAEO,SAAS,mBAAA,CAAoB,EAAE,OAAA,EAAS,EAAA,EAAI,QAAO,EAAsB;AAC9E,EAAA,MAAM,eAAe,OAAA,CAAQ,SAAA,CAAU,CAAA,KAAA,KAAS,KAAA,CAAM,OAAO,EAAE,CAAA;AAC/D,EAAA,MAAM,sBAAsB,YAAA,GAAe,CAAA;AAE3C,EAAA,IAAI,mBAAA,EAAqB;AACvB,IAAA,OAAO,MAAM;AACX,MAAA,MAAM,YAAA,GAAe,OAAA,CAAQ,YAAA,GAAe,CAAC,CAAA;AAC7C,MAAA,MAAA,CAAO,aAAa,EAAE,CAAA;AAAA,IACxB,CAAA;AAAA,EACF;AAEA,EAAA,OAAO,MAAA;AACT;;;;;;;;"}

package/dist/hooks/use-copy-to-clipboard.cjs.js

@@ -2,10 +2,83 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-require('react');
-const hooks_useCopyToClipboard = require('../use-copy-to-clipboard-DHaJCGet.cjs');
+const React = require('react');
+const toast = require('../toast-Bh4WQDyj.cjs');
 
+const copyViaClipboardApi = async (value) => {
+  if (typeof navigator === "undefined" || !navigator.clipboard?.writeText) return false;
+  try {
+    await navigator.clipboard.writeText(value);
+    return true;
+  } catch {
+    return false;
+  }
+};
+const copyViaExecCommand = (value) => {
+  if (typeof document === "undefined" || typeof document.execCommand !== "function") return false;
+  const textarea = document.createElement("textarea");
+  const activeElement = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+  textarea.value = value;
+  textarea.setAttribute("readonly", "");
+  textarea.setAttribute("aria-hidden", "true");
+  textarea.style.position = "fixed";
+  textarea.style.top = "0";
+  textarea.style.left = "0";
+  textarea.style.width = "1px";
+  textarea.style.height = "1px";
+  textarea.style.opacity = "0";
+  textarea.style.pointerEvents = "none";
+  document.body.appendChild(textarea);
+  try {
+    textarea.focus();
+    textarea.select();
+    textarea.setSelectionRange(0, value.length);
+    return document.execCommand("copy");
+  } catch {
+    return false;
+  } finally {
+    textarea.remove();
+    activeElement?.focus({ preventScroll: true });
+  }
+};
+const copyTextToClipboard = async (value) => {
+  if (!value) return false;
+  if (await copyViaClipboardApi(value)) return true;
+  return copyViaExecCommand(value);
+};
+function useCopyToClipboard(props) {
+  const { copyMessage = "Copied to clipboard!", copiedDuration = 2e3, showToast = true } = props;
+  const hasConfiguredText = "text" in props;
+  const text = hasConfiguredText ? props.text : void 0;
+  const [isCopied, setIsCopied] = React.useState(false);
+  const timeoutRef = React.useRef(null);
+  const copyToClipboard = React.useCallback(
+    (value) => {
+      void copyTextToClipboard(value).then((copied) => {
+        if (!copied) {
+          if (showToast) toast.toast.error("Failed to copy to clipboard.");
+          return;
+        }
+        if (showToast) toast.toast.success(copyMessage);
+        setIsCopied(true);
+        if (timeoutRef.current) {
+          clearTimeout(timeoutRef.current);
+          timeoutRef.current = null;
+        }
+        timeoutRef.current = setTimeout(() => {
+          setIsCopied(false);
+        }, copiedDuration);
+      });
+    },
+    [copiedDuration, copyMessage, showToast]
+  );
+  const handleCopy = React.useCallback(() => {
+    if (!text) return;
+    copyToClipboard(text);
+  }, [copyToClipboard, text]);
+  if (!hasConfiguredText) return { isCopied, copyToClipboard };
+  return { isCopied, handleCopy, copyToClipboard };
+}
 
-
-exports.useCopyToClipboard = hooks_useCopyToClipboard.useCopyToClipboard;
+exports.useCopyToClipboard = useCopyToClipboard;
 //# sourceMappingURL=use-copy-to-clipboard.cjs.js.map

package/dist/hooks/use-copy-to-clipboard.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-copy-to-clipboard.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"use-copy-to-clipboard.cjs.js","sources":["../../src/hooks/use-copy-to-clipboard.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\nimport { toast } from '@/lib/toast';\n\ntype UseCopyToClipboardProps = {\n  text: string;\n  copyMessage?: string;\n  copiedDuration?: number;\n  showToast?: boolean;\n};\n\ntype UseCopyToClipboardOptions = Omit<UseCopyToClipboardProps, 'text'>;\n\ntype UseCopyToClipboardDynamicResult = {\n  isCopied: boolean;\n  copyToClipboard: (value: string) => void;\n};\n\ntype UseCopyToClipboardConfiguredResult = UseCopyToClipboardDynamicResult & {\n  handleCopy: () => void;\n};\n\nconst copyViaClipboardApi = async (value: string): Promise<boolean> => {\n  if (typeof navigator === 'undefined' || !navigator.clipboard?.writeText) return false;\n\n  try {\n    await navigator.clipboard.writeText(value);\n    return true;\n  } catch {\n    return false;\n  }\n};\n\nconst copyViaExecCommand = (value: string): boolean => {\n  if (typeof document === 'undefined' || typeof document.execCommand !== 'function') return false;\n\n  const textarea = document.createElement('textarea');\n  const activeElement = document.activeElement instanceof HTMLElement ? document.activeElement : null;\n\n  textarea.value = value;\n  textarea.setAttribute('readonly', '');\n  textarea.setAttribute('aria-hidden', 'true');\n  textarea.style.position = 'fixed';\n  textarea.style.top = '0';\n  textarea.style.left = '0';\n  textarea.style.width = '1px';\n  textarea.style.height = '1px';\n  textarea.style.opacity = '0';\n  textarea.style.pointerEvents = 'none';\n\n  document.body.appendChild(textarea);\n\n  try {\n    textarea.focus();\n    textarea.select();\n    textarea.setSelectionRange(0, value.length);\n    return document.execCommand('copy');\n  } catch {\n    return false;\n  } finally {\n    textarea.remove();\n    activeElement?.focus({ preventScroll: true });\n  }\n};\n\nconst copyTextToClipboard = async (value: string): Promise<boolean> => {\n  if (!value) return false;\n\n  if (await copyViaClipboardApi(value)) return true;\n\n  return copyViaExecCommand(value);\n};\n\nexport function useCopyToClipboard(props: UseCopyToClipboardProps): UseCopyToClipboardConfiguredResult;\nexport function useCopyToClipboard(props: UseCopyToClipboardOptions): UseCopyToClipboardDynamicResult;\nexport function useCopyToClipboard(props: UseCopyToClipboardProps | UseCopyToClipboardOptions) {\n  const { copyMessage = 'Copied to clipboard!', copiedDuration = 2000, showToast = true } = props;\n  const hasConfiguredText = 'text' in props;\n  const text = hasConfiguredText ? props.text : undefined;\n  const [isCopied, setIsCopied] = useState(false);\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n  const copyToClipboard = useCallback(\n    (value: string) => {\n      void copyTextToClipboard(value).then(copied => {\n        if (!copied) {\n          if (showToast) toast.error('Failed to copy to clipboard.');\n          return;\n        }\n\n        if (showToast) toast.success(copyMessage);\n        setIsCopied(true);\n        if (timeoutRef.current) {\n          clearTimeout(timeoutRef.current);\n          timeoutRef.current = null;\n        }\n        timeoutRef.current = setTimeout(() => {\n          setIsCopied(false);\n        }, copiedDuration);\n      });\n    },\n    [copiedDuration, copyMessage, showToast],\n  );\n\n  const handleCopy = useCallback(() => {\n    if (!text) return;\n    copyToClipboard(text);\n  }, [copyToClipboard, text]);\n\n  if (!hasConfiguredText) return { isCopied, copyToClipboard };\n\n  return { isCopied, handleCopy, copyToClipboard };\n}\n"],"names":["useState","useRef","useCallback","toast"],"mappings":";;;;;;;AAqBA,MAAM,mBAAA,GAAsB,OAAO,KAAA,KAAoC;AACrE,EAAA,IAAI,OAAO,SAAA,KAAc,WAAA,IAAe,CAAC,SAAA,CAAU,SAAA,EAAW,WAAW,OAAO,KAAA;AAEhF,EAAA,IAAI;AACF,IAAA,MAAM,SAAA,CAAU,SAAA,CAAU,SAAA,CAAU,KAAK,CAAA;AACzC,IAAA,OAAO,IAAA;AAAA,EACT,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,KAAA;AAAA,EACT;AACF,CAAA;AAEA,MAAM,kBAAA,GAAqB,CAAC,KAAA,KAA2B;AACrD,EAAA,IAAI,OAAO,QAAA,KAAa,WAAA,IAAe,OAAO,QAAA,CAAS,WAAA,KAAgB,YAAY,OAAO,KAAA;AAE1F,EAAA,MAAM,QAAA,GAAW,QAAA,CAAS,aAAA,CAAc,UAAU,CAAA;AAClD,EAAA,MAAM,aAAA,GAAgB,QAAA,CAAS,aAAA,YAAyB,WAAA,GAAc,SAAS,aAAA,GAAgB,IAAA;AAE/F,EAAA,QAAA,CAAS,KAAA,GAAQ,KAAA;AACjB,EAAA,QAAA,CAAS,YAAA,CAAa,YAAY,EAAE,CAAA;AACpC,EAAA,QAAA,CAAS,YAAA,CAAa,eAAe,MAAM,CAAA;AAC3C,EAAA,QAAA,CAAS,MAAM,QAAA,GAAW,OAAA;AAC1B,EAAA,QAAA,CAAS,MAAM,GAAA,GAAM,GAAA;AACrB,EAAA,QAAA,CAAS,MAAM,IAAA,GAAO,GAAA;AACtB,EAAA,QAAA,CAAS,MAAM,KAAA,GAAQ,KAAA;AACvB,EAAA,QAAA,CAAS,MAAM,MAAA,GAAS,KAAA;AACxB,EAAA,QAAA,CAAS,MAAM,OAAA,GAAU,GAAA;AACzB,EAAA,QAAA,CAAS,MAAM,aAAA,GAAgB,MAAA;AAE/B,EAAA,QAAA,CAAS,IAAA,CAAK,YAAY,QAAQ,CAAA;AAElC,EAAA,IAAI;AACF,IAAA,QAAA,CAAS,KAAA,EAAM;AACf,IAAA,QAAA,CAAS,MAAA,EAAO;AAChB,IAAA,QAAA,CAAS,iBAAA,CAAkB,CAAA,EAAG,KAAA,CAAM,MAAM,CAAA;AAC1C,IAAA,OAAO,QAAA,CAAS,YAAY,MAAM,CAAA;AAAA,EACpC,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,KAAA;AAAA,EACT,CAAA,SAAE;AACA,IAAA,QAAA,CAAS,MAAA,EAAO;AAChB,IAAA,aAAA,EAAe,KAAA,CAAM,EAAE,aAAA,EAAe,IAAA,EAAM,CAAA;AAAA,EAC9C;AACF,CAAA;AAEA,MAAM,mBAAA,GAAsB,OAAO,KAAA,KAAoC;AACrE,EAAA,IAAI,CAAC,OAAO,OAAO,KAAA;AAEnB,EAAA,IAAI,MAAM,mBAAA,CAAoB,KAAK,CAAA,EAAG,OAAO,IAAA;AAE7C,EAAA,OAAO,mBAAmB,KAAK,CAAA;AACjC,CAAA;AAIO,SAAS,mBAAmB,KAAA,EAA4D;AAC7F,EAAA,MAAM,EAAE,WAAA,GAAc,sBAAA,EAAwB,iBAAiB,GAAA,EAAM,SAAA,GAAY,MAAK,GAAI,KAAA;AAC1F,EAAA,MAAM,oBAAoB,MAAA,IAAU,KAAA;AACpC,EAAA,MAAM,IAAA,GAAO,iBAAA,GAAoB,KAAA,CAAM,IAAA,GAAO,MAAA;AAC9C,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIA,eAAS,KAAK,CAAA;AAC9C,EAAA,MAAM,UAAA,GAAaC,aAA8B,IAAI,CAAA;AAErD,EAAA,MAAM,eAAA,GAAkBC,iBAAA;AAAA,IACtB,CAAC,KAAA,KAAkB;AACjB,MAAA,KAAK,mBAAA,CAAoB,KAAK,CAAA,CAAE,IAAA,CAAK,CAAA,MAAA,KAAU;AAC7C,QAAA,IAAI,CAAC,MAAA,EAAQ;AACX,UAAA,IAAI,SAAA,EAAWC,WAAA,CAAM,KAAA,CAAM,8BAA8B,CAAA;AACzD,UAAA;AAAA,QACF;AAEA,QAAA,IAAI,SAAA,EAAWA,WAAA,CAAM,OAAA,CAAQ,WAAW,CAAA;AACxC,QAAA,WAAA,CAAY,IAAI,CAAA;AAChB,QAAA,IAAI,WAAW,OAAA,EAAS;AACtB,UAAA,YAAA,CAAa,WAAW,OAAO,CAAA;AAC/B,UAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AAAA,QACvB;AACA,QAAA,UAAA,CAAW,OAAA,GAAU,WAAW,MAAM;AACpC,UAAA,WAAA,CAAY,KAAK,CAAA;AAAA,QACnB,GAAG,cAAc,CAAA;AAAA,MACnB,CAAC,CAAA;AAAA,IACH,CAAA;AAAA,IACA,CAAC,cAAA,EAAgB,WAAA,EAAa,SAAS;AAAA,GACzC;AAEA,EAAA,MAAM,UAAA,GAAaD,kBAAY,MAAM;AACnC,IAAA,IAAI,CAAC,IAAA,EAAM;AACX,IAAA,eAAA,CAAgB,IAAI,CAAA;AAAA,EACtB,CAAA,EAAG,CAAC,eAAA,EAAiB,IAAI,CAAC,CAAA;AAE1B,EAAA,IAAI,CAAC,iBAAA,EAAmB,OAAO,EAAE,UAAU,eAAA,EAAgB;AAE3D,EAAA,OAAO,EAAE,QAAA,EAAU,UAAA,EAAY,eAAA,EAAgB;AACjD;;;;"}

package/dist/hooks/use-copy-to-clipboard.es.js

@@ -1,3 +1,80 @@
-import 'react';
-export { u as useCopyToClipboard } from '../use-copy-to-clipboard-D7L_l6_x.js';
+import { useState, useRef, useCallback } from 'react';
+import { t as toast } from '../toast-BKsfnapA.js';
+
+const copyViaClipboardApi = async (value) => {
+  if (typeof navigator === "undefined" || !navigator.clipboard?.writeText) return false;
+  try {
+    await navigator.clipboard.writeText(value);
+    return true;
+  } catch {
+    return false;
+  }
+};
+const copyViaExecCommand = (value) => {
+  if (typeof document === "undefined" || typeof document.execCommand !== "function") return false;
+  const textarea = document.createElement("textarea");
+  const activeElement = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+  textarea.value = value;
+  textarea.setAttribute("readonly", "");
+  textarea.setAttribute("aria-hidden", "true");
+  textarea.style.position = "fixed";
+  textarea.style.top = "0";
+  textarea.style.left = "0";
+  textarea.style.width = "1px";
+  textarea.style.height = "1px";
+  textarea.style.opacity = "0";
+  textarea.style.pointerEvents = "none";
+  document.body.appendChild(textarea);
+  try {
+    textarea.focus();
+    textarea.select();
+    textarea.setSelectionRange(0, value.length);
+    return document.execCommand("copy");
+  } catch {
+    return false;
+  } finally {
+    textarea.remove();
+    activeElement?.focus({ preventScroll: true });
+  }
+};
+const copyTextToClipboard = async (value) => {
+  if (!value) return false;
+  if (await copyViaClipboardApi(value)) return true;
+  return copyViaExecCommand(value);
+};
+function useCopyToClipboard(props) {
+  const { copyMessage = "Copied to clipboard!", copiedDuration = 2e3, showToast = true } = props;
+  const hasConfiguredText = "text" in props;
+  const text = hasConfiguredText ? props.text : void 0;
+  const [isCopied, setIsCopied] = useState(false);
+  const timeoutRef = useRef(null);
+  const copyToClipboard = useCallback(
+    (value) => {
+      void copyTextToClipboard(value).then((copied) => {
+        if (!copied) {
+          if (showToast) toast.error("Failed to copy to clipboard.");
+          return;
+        }
+        if (showToast) toast.success(copyMessage);
+        setIsCopied(true);
+        if (timeoutRef.current) {
+          clearTimeout(timeoutRef.current);
+          timeoutRef.current = null;
+        }
+        timeoutRef.current = setTimeout(() => {
+          setIsCopied(false);
+        }, copiedDuration);
+      });
+    },
+    [copiedDuration, copyMessage, showToast]
+  );
+  const handleCopy = useCallback(() => {
+    if (!text) return;
+    copyToClipboard(text);
+  }, [copyToClipboard, text]);
+  if (!hasConfiguredText) return { isCopied, copyToClipboard };
+  return { isCopied, handleCopy, copyToClipboard };
+}
+
+export { useCopyToClipboard };
 //# sourceMappingURL=use-copy-to-clipboard.es.js.map

package/dist/hooks/use-copy-to-clipboard.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-copy-to-clipboard.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"use-copy-to-clipboard.es.js","sources":["../../src/hooks/use-copy-to-clipboard.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\nimport { toast } from '@/lib/toast';\n\ntype UseCopyToClipboardProps = {\n  text: string;\n  copyMessage?: string;\n  copiedDuration?: number;\n  showToast?: boolean;\n};\n\ntype UseCopyToClipboardOptions = Omit<UseCopyToClipboardProps, 'text'>;\n\ntype UseCopyToClipboardDynamicResult = {\n  isCopied: boolean;\n  copyToClipboard: (value: string) => void;\n};\n\ntype UseCopyToClipboardConfiguredResult = UseCopyToClipboardDynamicResult & {\n  handleCopy: () => void;\n};\n\nconst copyViaClipboardApi = async (value: string): Promise<boolean> => {\n  if (typeof navigator === 'undefined' || !navigator.clipboard?.writeText) return false;\n\n  try {\n    await navigator.clipboard.writeText(value);\n    return true;\n  } catch {\n    return false;\n  }\n};\n\nconst copyViaExecCommand = (value: string): boolean => {\n  if (typeof document === 'undefined' || typeof document.execCommand !== 'function') return false;\n\n  const textarea = document.createElement('textarea');\n  const activeElement = document.activeElement instanceof HTMLElement ? document.activeElement : null;\n\n  textarea.value = value;\n  textarea.setAttribute('readonly', '');\n  textarea.setAttribute('aria-hidden', 'true');\n  textarea.style.position = 'fixed';\n  textarea.style.top = '0';\n  textarea.style.left = '0';\n  textarea.style.width = '1px';\n  textarea.style.height = '1px';\n  textarea.style.opacity = '0';\n  textarea.style.pointerEvents = 'none';\n\n  document.body.appendChild(textarea);\n\n  try {\n    textarea.focus();\n    textarea.select();\n    textarea.setSelectionRange(0, value.length);\n    return document.execCommand('copy');\n  } catch {\n    return false;\n  } finally {\n    textarea.remove();\n    activeElement?.focus({ preventScroll: true });\n  }\n};\n\nconst copyTextToClipboard = async (value: string): Promise<boolean> => {\n  if (!value) return false;\n\n  if (await copyViaClipboardApi(value)) return true;\n\n  return copyViaExecCommand(value);\n};\n\nexport function useCopyToClipboard(props: UseCopyToClipboardProps): UseCopyToClipboardConfiguredResult;\nexport function useCopyToClipboard(props: UseCopyToClipboardOptions): UseCopyToClipboardDynamicResult;\nexport function useCopyToClipboard(props: UseCopyToClipboardProps | UseCopyToClipboardOptions) {\n  const { copyMessage = 'Copied to clipboard!', copiedDuration = 2000, showToast = true } = props;\n  const hasConfiguredText = 'text' in props;\n  const text = hasConfiguredText ? props.text : undefined;\n  const [isCopied, setIsCopied] = useState(false);\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n  const copyToClipboard = useCallback(\n    (value: string) => {\n      void copyTextToClipboard(value).then(copied => {\n        if (!copied) {\n          if (showToast) toast.error('Failed to copy to clipboard.');\n          return;\n        }\n\n        if (showToast) toast.success(copyMessage);\n        setIsCopied(true);\n        if (timeoutRef.current) {\n          clearTimeout(timeoutRef.current);\n          timeoutRef.current = null;\n        }\n        timeoutRef.current = setTimeout(() => {\n          setIsCopied(false);\n        }, copiedDuration);\n      });\n    },\n    [copiedDuration, copyMessage, showToast],\n  );\n\n  const handleCopy = useCallback(() => {\n    if (!text) return;\n    copyToClipboard(text);\n  }, [copyToClipboard, text]);\n\n  if (!hasConfiguredText) return { isCopied, copyToClipboard };\n\n  return { isCopied, handleCopy, copyToClipboard };\n}\n"],"names":[],"mappings":"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"}