@mastra/playground-ui 33.0.0-alpha.3 → 33.0.0

package/dist/form-element-Cy7aV1Ds.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+const sharedFormElementDisabledStyle = "disabled:opacity-50 disabled:cursor-not-allowed";
+const inputFocusBorderVisible = "focus-visible:border-neutral5/50";
+const inputFocusBorderWithin = "focus-within:border-neutral5/50";
+const controlFocusBorderVisible = `outline-hidden focus-visible:outline-hidden ${inputFocusBorderVisible}`;
+const inputHoverBorderVisible = "[&:hover:not(:focus-visible)]:border-border2";
+const inputHoverBorderWithin = "[&:hover:not(:focus-within)]:border-border2";
+const inputSurfaceAndFocusStyle = "bg-surface-overlay-soft border border-border1 text-neutral5 hover:text-neutral6 hover:bg-surface-overlay-strong " + inputHoverBorderVisible + " outline-hidden focus-visible:outline-hidden focus-visible:bg-surface-overlay-strong " + inputFocusBorderVisible;
+const inputOutlineAndFocusStyle = "bg-transparent border border-border1 text-neutral5 hover:text-neutral6 " + inputHoverBorderVisible + " outline-hidden focus-visible:outline-hidden " + inputFocusBorderVisible;
+const unstyledFormElementStyle = "border-0 bg-transparent outline-hidden focus-visible:outline-hidden";
+
+exports.controlFocusBorderVisible = controlFocusBorderVisible;
+exports.inputFocusBorderVisible = inputFocusBorderVisible;
+exports.inputFocusBorderWithin = inputFocusBorderWithin;
+exports.inputHoverBorderVisible = inputHoverBorderVisible;
+exports.inputHoverBorderWithin = inputHoverBorderWithin;
+exports.inputOutlineAndFocusStyle = inputOutlineAndFocusStyle;
+exports.inputSurfaceAndFocusStyle = inputSurfaceAndFocusStyle;
+exports.sharedFormElementDisabledStyle = sharedFormElementDisabledStyle;
+exports.unstyledFormElementStyle = unstyledFormElementStyle;
+//# sourceMappingURL=form-element-Cy7aV1Ds.cjs.map

package/dist/form-element-Cy7aV1Ds.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-element-Cy7aV1Ds.cjs","sources":["../src/ds/primitives/form-element.ts"],"sourcesContent":["export const sharedFormElementDisabledStyle = 'disabled:opacity-50 disabled:cursor-not-allowed';\n\n// Focus indicator for the (green-less) input family. Instead of a heavy ring we\n// reinforce the existing 1px border: on focus it brightens to a translucent neutral\n// (theme-aware neutral5 — light on dark surfaces, dark on light) that clears WCAG\n// 1.4.11 non-text contrast (3:1) on any surface, where the border1→border2 shift\n// alone (white/7%→11%) does not. `focus-visible` for the bare control,\n// `focus-within` for wrapper variants (InputGroup, Searchbar) whose focus lives on\n// a nested input.\nexport const inputFocusBorderVisible = 'focus-visible:border-neutral5/50';\nexport const inputFocusBorderWithin = 'focus-within:border-neutral5/50';\n\n// Canonical focus indicator for a bare interactive control (Button, etc.) in the\n// non-accent input/border language: suppress the browser outline and let the 1px\n// border brighten to the same translucent neutral the input family uses. This is\n// what unifies button focus with input focus (no green accent ring). Wrappers\n// whose focus lives on a nested control use `inputFocusBorderWithin` instead.\nexport const controlFocusBorderVisible = `outline-hidden focus-visible:outline-hidden ${inputFocusBorderVisible}`;\n\n// Hover borders are guarded so they can never clobber the focus border. Tailwind\n// can emit focus variants before hover variants, so an unguarded `hover:border-*`\n// of equal specificity may win on a field that is focused AND hovered.\nexport const inputHoverBorderVisible = '[&:hover:not(:focus-visible)]:border-border2';\nexport const inputHoverBorderWithin = '[&:hover:not(:focus-within)]:border-border2';\n\n// Background-agnostic surface + focus recipe shared by Input and Textarea.\n// Uses theme-aware opacity overlays so it reads on any underlying surface, with\n// no accent (green) on focus — caller appends a radius (`rounded-full` for\n// single-line inputs, `rounded-xl` for textareas).\nexport const inputSurfaceAndFocusStyle =\n  'bg-surface-overlay-soft border border-border1 text-neutral5 ' +\n  'hover:text-neutral6 hover:bg-surface-overlay-strong ' +\n  inputHoverBorderVisible +\n  ' ' +\n  'outline-hidden focus-visible:outline-hidden focus-visible:bg-surface-overlay-strong ' +\n  inputFocusBorderVisible;\n\nexport const inputOutlineAndFocusStyle =\n  'bg-transparent border border-border1 text-neutral5 ' +\n  'hover:text-neutral6 ' +\n  inputHoverBorderVisible +\n  ' ' +\n  'outline-hidden focus-visible:outline-hidden ' +\n  inputFocusBorderVisible;\n\n// Unstyled variant baseline — strips all chrome but still suppresses the\n// browser default focus ring so the field sits cleanly inside a styled parent.\nexport const unstyledFormElementStyle = 'border-0 bg-transparent outline-hidden focus-visible:outline-hidden';\n"],"names":[],"mappings":";;AAAO,MAAM,8BAAA,GAAiC;AASvC,MAAM,uBAAA,GAA0B;AAChC,MAAM,sBAAA,GAAyB;AAO/B,MAAM,yBAAA,GAA4B,+CAA+C,uBAAuB,CAAA;AAKxG,MAAM,uBAAA,GAA0B;AAChC,MAAM,sBAAA,GAAyB;AAM/B,MAAM,yBAAA,GACX,kHAAA,GAEA,uBAAA,GACA,uFAAA,GAEA;AAEK,MAAM,yBAAA,GACX,yEAAA,GAEA,uBAAA,GACA,+CAAA,GAEA;AAIK,MAAM,wBAAA,GAA2B;;;;;;;;;;;;"}

package/dist/form-element-DUtZESwq.js

@@ -0,0 +1,12 @@
+const sharedFormElementDisabledStyle = "disabled:opacity-50 disabled:cursor-not-allowed";
+const inputFocusBorderVisible = "focus-visible:border-neutral5/50";
+const inputFocusBorderWithin = "focus-within:border-neutral5/50";
+const controlFocusBorderVisible = `outline-hidden focus-visible:outline-hidden ${inputFocusBorderVisible}`;
+const inputHoverBorderVisible = "[&:hover:not(:focus-visible)]:border-border2";
+const inputHoverBorderWithin = "[&:hover:not(:focus-within)]:border-border2";
+const inputSurfaceAndFocusStyle = "bg-surface-overlay-soft border border-border1 text-neutral5 hover:text-neutral6 hover:bg-surface-overlay-strong " + inputHoverBorderVisible + " outline-hidden focus-visible:outline-hidden focus-visible:bg-surface-overlay-strong " + inputFocusBorderVisible;
+const inputOutlineAndFocusStyle = "bg-transparent border border-border1 text-neutral5 hover:text-neutral6 " + inputHoverBorderVisible + " outline-hidden focus-visible:outline-hidden " + inputFocusBorderVisible;
+const unstyledFormElementStyle = "border-0 bg-transparent outline-hidden focus-visible:outline-hidden";
+
+export { inputSurfaceAndFocusStyle as a, inputFocusBorderWithin as b, controlFocusBorderVisible as c, inputHoverBorderWithin as d, inputFocusBorderVisible as e, inputHoverBorderVisible as f, inputOutlineAndFocusStyle as i, sharedFormElementDisabledStyle as s, unstyledFormElementStyle as u };
+//# sourceMappingURL=form-element-DUtZESwq.js.map

package/dist/form-element-DUtZESwq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-element-DUtZESwq.js","sources":["../src/ds/primitives/form-element.ts"],"sourcesContent":["export const sharedFormElementDisabledStyle = 'disabled:opacity-50 disabled:cursor-not-allowed';\n\n// Focus indicator for the (green-less) input family. Instead of a heavy ring we\n// reinforce the existing 1px border: on focus it brightens to a translucent neutral\n// (theme-aware neutral5 — light on dark surfaces, dark on light) that clears WCAG\n// 1.4.11 non-text contrast (3:1) on any surface, where the border1→border2 shift\n// alone (white/7%→11%) does not. `focus-visible` for the bare control,\n// `focus-within` for wrapper variants (InputGroup, Searchbar) whose focus lives on\n// a nested input.\nexport const inputFocusBorderVisible = 'focus-visible:border-neutral5/50';\nexport const inputFocusBorderWithin = 'focus-within:border-neutral5/50';\n\n// Canonical focus indicator for a bare interactive control (Button, etc.) in the\n// non-accent input/border language: suppress the browser outline and let the 1px\n// border brighten to the same translucent neutral the input family uses. This is\n// what unifies button focus with input focus (no green accent ring). Wrappers\n// whose focus lives on a nested control use `inputFocusBorderWithin` instead.\nexport const controlFocusBorderVisible = `outline-hidden focus-visible:outline-hidden ${inputFocusBorderVisible}`;\n\n// Hover borders are guarded so they can never clobber the focus border. Tailwind\n// can emit focus variants before hover variants, so an unguarded `hover:border-*`\n// of equal specificity may win on a field that is focused AND hovered.\nexport const inputHoverBorderVisible = '[&:hover:not(:focus-visible)]:border-border2';\nexport const inputHoverBorderWithin = '[&:hover:not(:focus-within)]:border-border2';\n\n// Background-agnostic surface + focus recipe shared by Input and Textarea.\n// Uses theme-aware opacity overlays so it reads on any underlying surface, with\n// no accent (green) on focus — caller appends a radius (`rounded-full` for\n// single-line inputs, `rounded-xl` for textareas).\nexport const inputSurfaceAndFocusStyle =\n  'bg-surface-overlay-soft border border-border1 text-neutral5 ' +\n  'hover:text-neutral6 hover:bg-surface-overlay-strong ' +\n  inputHoverBorderVisible +\n  ' ' +\n  'outline-hidden focus-visible:outline-hidden focus-visible:bg-surface-overlay-strong ' +\n  inputFocusBorderVisible;\n\nexport const inputOutlineAndFocusStyle =\n  'bg-transparent border border-border1 text-neutral5 ' +\n  'hover:text-neutral6 ' +\n  inputHoverBorderVisible +\n  ' ' +\n  'outline-hidden focus-visible:outline-hidden ' +\n  inputFocusBorderVisible;\n\n// Unstyled variant baseline — strips all chrome but still suppresses the\n// browser default focus ring so the field sits cleanly inside a styled parent.\nexport const unstyledFormElementStyle = 'border-0 bg-transparent outline-hidden focus-visible:outline-hidden';\n"],"names":[],"mappings":"AAAO,MAAM,8BAAA,GAAiC;AASvC,MAAM,uBAAA,GAA0B;AAChC,MAAM,sBAAA,GAAyB;AAO/B,MAAM,yBAAA,GAA4B,+CAA+C,uBAAuB,CAAA;AAKxG,MAAM,uBAAA,GAA0B;AAChC,MAAM,sBAAA,GAAyB;AAM/B,MAAM,yBAAA,GACX,kHAAA,GAEA,uBAAA,GACA,uFAAA,GAEA;AAEK,MAAM,yBAAA,GACX,yEAAA,GAEA,uBAAA,GACA,+CAAA,GAEA;AAIK,MAAM,wBAAA,GAA2B;;;;"}

package/dist/get-short-id-B4_2mLzM.js

@@ -0,0 +1,25 @@
+import { jsx } from 'react/jsx-runtime';
+import { c as cn } from './utils-CzYGxqbG.js';
+
+function TextAndIcon({ children, className }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "flex items-center gap-1",
+        "[&_svg]:w-[1.1em] [&_svg]:h-[1.1em] [&_svg]:opacity-50 [&_svg]:shrink-0",
+        "[&_img]:w-[1.2em] [&_img]:h-[1.2em] [&_img]:opacity-50 [&_img]:shrink-0",
+        className
+      ),
+      children
+    }
+  );
+}
+
+function getShortId(id) {
+  if (!id) return void 0;
+  return id.slice(0, 8);
+}
+
+export { TextAndIcon as T, getShortId as g };
+//# sourceMappingURL=get-short-id-B4_2mLzM.js.map

package/dist/get-short-id-B4_2mLzM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-short-id-B4_2mLzM.js","sources":["../src/ds/components/Text/text-and-icon.tsx","../src/ds/components/Text/formatters/get-short-id.ts"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type TextAndIconProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function TextAndIcon({ children, className }: TextAndIconProps) {\n  return (\n    <span\n      className={cn(\n        'flex items-center gap-1',\n        '[&_svg]:w-[1.1em] [&_svg]:h-[1.1em] [&_svg]:opacity-50 [&_svg]:shrink-0',\n        '[&_img]:w-[1.2em] [&_img]:h-[1.2em] [&_img]:opacity-50 [&_img]:shrink-0',\n        className,\n      )}\n    >\n      {children}\n    </span>\n  );\n}\n","export function getShortId(id: string | undefined): string | undefined {\n  if (!id) return undefined;\n  return id.slice(0, 8);\n}\n"],"names":[],"mappings":";;;AAOO,SAAS,WAAA,CAAY,EAAE,QAAA,EAAU,SAAA,EAAU,EAAqB;AACrE,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,yBAAA;AAAA,QACA,yEAAA;AAAA,QACA,yEAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;ACpBO,SAAS,WAAW,EAAA,EAA4C;AACrE,EAAA,IAAI,CAAC,IAAI,OAAO,MAAA;AAChB,EAAA,OAAO,EAAA,CAAG,KAAA,CAAM,CAAA,EAAG,CAAC,CAAA;AACtB;;;;"}

package/dist/get-short-id-DtN4BmrD.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const utils = require('./utils-vA5sWo9W.cjs');
+
+function TextAndIcon({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: utils.cn(
+        "flex items-center gap-1",
+        "[&_svg]:w-[1.1em] [&_svg]:h-[1.1em] [&_svg]:opacity-50 [&_svg]:shrink-0",
+        "[&_img]:w-[1.2em] [&_img]:h-[1.2em] [&_img]:opacity-50 [&_img]:shrink-0",
+        className
+      ),
+      children
+    }
+  );
+}
+
+function getShortId(id) {
+  if (!id) return void 0;
+  return id.slice(0, 8);
+}
+
+exports.TextAndIcon = TextAndIcon;
+exports.getShortId = getShortId;
+//# sourceMappingURL=get-short-id-DtN4BmrD.cjs.map

package/dist/get-short-id-DtN4BmrD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-short-id-DtN4BmrD.cjs","sources":["../src/ds/components/Text/text-and-icon.tsx","../src/ds/components/Text/formatters/get-short-id.ts"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type TextAndIconProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function TextAndIcon({ children, className }: TextAndIconProps) {\n  return (\n    <span\n      className={cn(\n        'flex items-center gap-1',\n        '[&_svg]:w-[1.1em] [&_svg]:h-[1.1em] [&_svg]:opacity-50 [&_svg]:shrink-0',\n        '[&_img]:w-[1.2em] [&_img]:h-[1.2em] [&_img]:opacity-50 [&_img]:shrink-0',\n        className,\n      )}\n    >\n      {children}\n    </span>\n  );\n}\n","export function getShortId(id: string | undefined): string | undefined {\n  if (!id) return undefined;\n  return id.slice(0, 8);\n}\n"],"names":["jsx","cn"],"mappings":";;;;;AAOO,SAAS,WAAA,CAAY,EAAE,QAAA,EAAU,SAAA,EAAU,EAAqB;AACrE,EAAA,uBACEA,cAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,QAAA;AAAA,QACT,yBAAA;AAAA,QACA,yEAAA;AAAA,QACA,yEAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;ACpBO,SAAS,WAAW,EAAA,EAA4C;AACrE,EAAA,IAAI,CAAC,IAAI,OAAO,MAAA;AAChB,EAAA,OAAO,EAAA,CAAG,KAAA,CAAM,CAAA,EAAG,CAAC,CAAA;AACtB;;;;;"}

package/dist/helpers-BH-wPlF0.js

@@ -0,0 +1,346 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { c as cn } from './utils-CzYGxqbG.js';
+import { isThisYear, format as format$1 } from 'date-fns';
+import { format } from 'date-fns/format';
+import { isToday } from 'date-fns/isToday';
+import { useRef } from 'react';
+import { f as focusRing, t as transitions } from './transitions-tFfqxz40.js';
+import { TriangleAlertIcon, InfoIcon, ArrowLeftIcon, ArrowRightIcon, ClockIcon, BanIcon } from 'lucide-react';
+import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from './tooltip-DehuxlSR.js';
+import { C as Chip } from './chip-Dgrpa03p.js';
+
+function ItemListCell({ children, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("", className), children });
+}
+
+function ItemListDateCell({ date, className, withTime = false }) {
+  const isThisYearDate = date ? isThisYear(new Date(date)) : false;
+  const displayDayAndMonth = date ? isToday(new Date(date)) ? "Today" : format(new Date(date), "MMM dd") : "";
+  const displayYear = date && !isThisYearDate ? format(new Date(date), "yyyy") : "";
+  const displayTime = date && withTime ? `${format(new Date(date), "'at' h:mm aaa")}` : "";
+  return /* @__PURE__ */ jsxs("div", { className: 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__ */ jsx("div", { className: cn("sticky top-0 bg-surface3 z-10 rounded-lg px-4 mb-4"), children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: 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__ */ jsx("span", { className: cn("py-3", className), children });
+}
+
+function ItemListIdCell({ id, className, isShortened = true }) {
+  const displayId = isShortened ? id.slice(0, 8) : id;
+  return /* @__PURE__ */ jsx("div", { className: cn("text-neutral2 py-[0.6rem] text-ui-md truncate", className), children: displayId });
+}
+
+function ItemListItems({ children }) {
+  return /* @__PURE__ */ jsx("ul", { className: "grid content-start", children });
+}
+
+function ItemListItemsScroller({ children }) {
+  const containerRef = useRef(null);
+  return /* @__PURE__ */ jsx("div", { ref: containerRef, className: cn("overflow-y-auto"), children });
+}
+
+function ItemListLabelCell({ children, className }) {
+  return /* @__PURE__ */ jsx("label", { className: 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__ */ jsx(
+    Link,
+    {
+      href,
+      className: cn(
+        "w-full px-3 py-[0.6rem] gap-6 text-left items-center rounded-lg flex justify-center",
+        "hover:bg-surface4",
+        transitions.colors,
+        focusRing.visible,
+        className
+      ),
+      children
+    }
+  );
+}
+
+function ItemListMessage({ children, message, className, type }) {
+  if (!children && !message) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", { className: cn("grid border-t border-border1", className), children: message ? /* @__PURE__ */ jsxs(
+    "p",
+    {
+      className: 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__ */ jsx(TriangleAlertIcon, {}) : /* @__PURE__ */ jsx(InfoIcon, {}),
+        " ",
+        message
+      ]
+    }
+  ) : children });
+}
+
+function ItemListNextPageLoading({
+  isLoading,
+  hasMore,
+  setEndOfListElement,
+  loadingText = "Loading more data...",
+  noMoreDataText = "No more data to load"
+}) {
+  if (!setEndOfListElement) {
+    return null;
+  }
+  return /* @__PURE__ */ 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__ */ jsxs("div", { className: cn("flex pt-6 items-center justify-center text-neutral3 text-ui-md gap-8"), children: [
+    /* @__PURE__ */ jsxs("span", { children: [
+      "Page ",
+      /* @__PURE__ */ jsx("b", { children: currentPage ? currentPage + 1 : "1" })
+    ] }),
+    showNavigation && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: 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__ */ jsxs("button", { onClick: onPrevPage, children: [
+            /* @__PURE__ */ jsx(ArrowLeftIcon, {}),
+            "Previous"
+          ] }),
+          hasMore && /* @__PURE__ */ jsxs("button", { onClick: onNextPage, children: [
+            "Next",
+            /* @__PURE__ */ jsx(ArrowRightIcon, {})
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+
+function ItemListRoot({ children, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("grid grid-rows-[auto_1fr] overflow-y-auto", className), children });
+}
+
+function ItemListRow({ isSelected, children, columns }) {
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      className: 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.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__ */ jsx(
+    "button",
+    {
+      onClick: handleClick,
+      className: cn(
+        "grid w-full px-4 gap-4 text-left items-center rounded-lg",
+        transitions.colors,
+        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__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: cn("flex items-center justify-center w-10 relative bg-transparent h-full"), children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: 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__ */ jsx(TooltipContent, { children: capitalize(status) })
+  ] });
+}
+
+function ItemListTextCell({ children, isLoading, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("text-neutral4  py-[0.6rem] text-ui-md truncate", className), children: isLoading ? /* @__PURE__ */ jsx("div", { className: "bg-surface4 rounded-md animate-pulse text-transparent h-4 select-none" }) : children });
+}
+
+function ItemListVersionCell({ version, date, isLatest, isDeleted }) {
+  return /* @__PURE__ */ jsxs(ItemListCell, { className: cn("grid grid-cols-[1fr_auto] pl-1"), children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn("grid text-neutral3 gap-1 leading-none", {
+          "text-neutral4": isLatest
+        }),
+        children: [
+          /* @__PURE__ */ jsxs("strong", { className: "font-normal", children: [
+            "v. ",
+            version
+          ] }),
+          /* @__PURE__ */ jsx("em", { className: "text-neutral2 text-ui-sm font-normal", children: date ? format$1(new Date(date), "MMM d, yyyy HH:mm") : null })
+        ]
+      }
+    ),
+    (isLatest || isDeleted) && /* @__PURE__ */ jsxs("div", { className: "flex gap-1 items-center", children: [
+      isLatest && /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Chip, { color: "blue", children: /* @__PURE__ */ jsx(ClockIcon, {}) }) }),
+        /* @__PURE__ */ jsx(TooltipContent, { children: "Latest version" })
+      ] }),
+      isDeleted && /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Chip, { color: "red", children: /* @__PURE__ */ jsx(BanIcon, {}) }) }),
+        /* @__PURE__ */ jsx(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__ */ jsx(ItemListItems, { children: Array.from({ length: numberOfRows }).map((_, rowIdx) => /* @__PURE__ */ jsx(ItemListRow, { children: /* @__PURE__ */ jsx(ItemListRowButton, { columns, children: (columns || []).map((col, colIdx) => {
+    const key = `${col.name}-${colIdx}`;
+    return /* @__PURE__ */ 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__ */ jsxs(ItemList, { children: [
+    /* @__PURE__ */ jsx(ItemListHeader, { columns }),
+    /* @__PURE__ */ 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;
+}
+
+export { ItemList as I, ItemListSkeleton as a, getToNextItemFn as b, getToPreviousItemFn as c, getItemListColumnTemplate as g };
+//# sourceMappingURL=helpers-BH-wPlF0.js.map

package/dist/helpers-BH-wPlF0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers-BH-wPlF0.js","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":["format"],"mappings":"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"}