@mastra/playground-ui 55.0.0 → 56.0.0-alpha.10

package/dist/data-list-skeleton-CFaGBKDb.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list-skeleton-CFaGBKDb.cjs","sources":["../src/ds/components/DataList/data-list-skeleton.tsx"],"sourcesContent":["import { DataListCell } from './data-list-cells';\nimport { DataListRoot } from './data-list-root';\nimport type { DataListFit, DataListVariant } from './data-list-root';\nimport { DataListTop } from './data-list-top';\nimport { DataListTopCell } from './data-list-top-cell';\nimport { dataListRowOuterStyles, splitColumns } from './shared';\nimport { cn } from '@/lib/utils';\n\nconst widths = ['75%', '50%', '65%', '90%', '60%', '80%'] as const;\nconst headerWidths = ['3rem', '5rem', '4rem', '3.5rem', '4.5rem', '3rem'] as const;\n\nexport type DataListSkeletonProps = {\n  columns?: string;\n  numberOfRows?: number;\n  fit?: DataListFit;\n  variant?: DataListVariant;\n};\n\nfunction SkeletonBar({ width, className }: { width: string; className?: string }) {\n  return (\n    <div\n      className={cn('h-4 animate-pulse rounded-lg bg-(--data-list-background) text-transparent select-none', className)}\n      style={{ width }}\n    />\n  );\n}\n\n/**\n * Loading placeholder mirroring the real list: same root, a sticky header\n * band with one placeholder label per column, then rows of placeholder cells.\n */\nexport function DataListSkeleton({\n  columns = 'auto 1fr auto auto',\n  numberOfRows = 3,\n  fit,\n  variant,\n}: DataListSkeletonProps) {\n  const columnParts = splitColumns(columns);\n  const columnCount = columnParts.length;\n  const skeletonColumns = columnParts.map(col => (col === 'auto' ? 'minmax(6rem, auto)' : col)).join(' ');\n\n  const getPseudoRandomWidth = (rowIdx: number, colIdx: number) => {\n    const index = (rowIdx + colIdx + columnCount + numberOfRows) % widths.length;\n    return widths[index] ?? widths[0];\n  };\n\n  return (\n    <DataListRoot columns={skeletonColumns} fit={fit} variant={variant}>\n      <DataListTop>\n        {Array.from({ length: columnCount }).map((_, colIdx) => (\n          <DataListTopCell key={colIdx}>\n            <SkeletonBar width={headerWidths[colIdx % headerWidths.length] ?? headerWidths[0]} className=\"h-3\" />\n          </DataListTopCell>\n        ))}\n      </DataListTop>\n      {Array.from({ length: numberOfRows }).map((_, rowIdx) => (\n        <div key={rowIdx} className={cn('grid grid-cols-subgrid gap-4 px-3', ...dataListRowOuterStyles)}>\n          {Array.from({ length: columnCount }).map((_, colIdx) => (\n            <DataListCell key={colIdx}>\n              <SkeletonBar width={getPseudoRandomWidth(rowIdx, colIdx)} />\n            </DataListCell>\n          ))}\n        </div>\n      ))}\n    </DataListRoot>\n  );\n}\n"],"names":["jsx","cn","splitColumns","jsxs","DataListRoot","DataListTop","DataListTopCell","dataListRowOuterStyles","_","DataListCell"],"mappings":";;;;;;AAQA,MAAM,SAAS,CAAC,KAAA,EAAO,OAAO,KAAA,EAAO,KAAA,EAAO,OAAO,KAAK,CAAA;AACxD,MAAM,eAAe,CAAC,MAAA,EAAQ,QAAQ,MAAA,EAAQ,QAAA,EAAU,UAAU,MAAM,CAAA;AASxE,SAAS,WAAA,CAAY,EAAE,KAAA,EAAO,SAAA,EAAU,EAA0C;AAChF,EAAA,uBACEA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,WAAA,CAAG,uFAAA,EAAyF,SAAS,CAAA;AAAA,MAChH,KAAA,EAAO,EAAE,KAAA;AAAM;AAAA,GACjB;AAEJ;AAMO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,OAAA,GAAU,oBAAA;AAAA,EACV,YAAA,GAAe,CAAA;AAAA,EACf,GAAA;AAAA,EACA;AACF,CAAA,EAA0B;AACxB,EAAA,MAAM,WAAA,GAAcC,yBAAa,OAAO,CAAA;AACxC,EAAA,MAAM,cAAc,WAAA,CAAY,MAAA;AAChC,EAAA,MAAM,eAAA,GAAkB,WAAA,CAAY,GAAA,CAAI,CAAA,GAAA,KAAQ,GAAA,KAAQ,SAAS,oBAAA,GAAuB,GAAI,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA;AAEtG,EAAA,MAAM,oBAAA,GAAuB,CAAC,MAAA,EAAgB,MAAA,KAAmB;AAC/D,IAAA,MAAM,KAAA,GAAA,CAAS,MAAA,GAAS,MAAA,GAAS,WAAA,GAAc,gBAAgB,MAAA,CAAO,MAAA;AACtE,IAAA,OAAO,MAAA,CAAO,KAAK,CAAA,IAAK,MAAA,CAAO,CAAC,CAAA;AAAA,EAClC,CAAA;AAEA,EAAA,uBACEC,eAAA,CAACC,wBAAA,EAAA,EAAa,OAAA,EAAS,eAAA,EAAiB,KAAU,OAAA,EAChD,QAAA,EAAA;AAAA,oBAAAJ,cAAA,CAACK,uBAAA,EAAA,EACE,QAAA,EAAA,KAAA,CAAM,IAAA,CAAK,EAAE,MAAA,EAAQ,WAAA,EAAa,CAAA,CAAE,GAAA,CAAI,CAAC,CAAA,EAAG,MAAA,oCAC1CC,2BAAA,EAAA,EACC,QAAA,kBAAAN,cAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAO,YAAA,CAAa,MAAA,GAAS,YAAA,CAAa,MAAM,CAAA,IAAK,YAAA,CAAa,CAAC,CAAA,EAAG,SAAA,EAAU,KAAA,EAAM,CAAA,EAAA,EAD/E,MAEtB,CACD,CAAA,EACH,CAAA;AAAA,IACC,KAAA,CAAM,KAAK,EAAE,MAAA,EAAQ,cAAc,CAAA,CAAE,IAAI,CAAC,CAAA,EAAG,2BAC5CA,cAAA,CAAC,KAAA,EAAA,EAAiB,WAAWC,WAAA,CAAG,mCAAA,EAAqC,GAAGM,kCAAsB,CAAA,EAC3F,gBAAM,IAAA,CAAK,EAAE,QAAQ,WAAA,EAAa,EAAE,GAAA,CAAI,CAACC,IAAG,MAAA,qBAC3CR,cAAA,CAACS,4BACC,QAAA,kBAAAT,cAAA,CAAC,WAAA,EAAA,EAAY,OAAO,oBAAA,CAAqB,MAAA,EAAQ,MAAM,CAAA,EAAG,CAAA,EAAA,EADzC,MAEnB,CACD,CAAA,EAAA,EALO,MAMV,CACD;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/data-list-skeleton-CQQydcpj.js

@@ -0,0 +1,36 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { s as splitColumns, D as DataListRoot, a as DataListTop, b as DataListTopCell, c as DataListCell, d as dataListRowOuterStyles } from './data-list-top-DbUnE1J9.js';
+import { c as cn } from './cn-C6s2yXwM.js';
+
+const widths = ["75%", "50%", "65%", "90%", "60%", "80%"];
+const headerWidths = ["3rem", "5rem", "4rem", "3.5rem", "4.5rem", "3rem"];
+function SkeletonBar({ width, className }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("h-4 animate-pulse rounded-lg bg-(--data-list-background) text-transparent select-none", className),
+      style: { width }
+    }
+  );
+}
+function DataListSkeleton({
+  columns = "auto 1fr auto auto",
+  numberOfRows = 3,
+  fit,
+  variant
+}) {
+  const columnParts = splitColumns(columns);
+  const columnCount = columnParts.length;
+  const skeletonColumns = columnParts.map((col) => col === "auto" ? "minmax(6rem, auto)" : col).join(" ");
+  const getPseudoRandomWidth = (rowIdx, colIdx) => {
+    const index = (rowIdx + colIdx + columnCount + numberOfRows) % widths.length;
+    return widths[index] ?? widths[0];
+  };
+  return /* @__PURE__ */ jsxs(DataListRoot, { columns: skeletonColumns, fit, variant, children: [
+    /* @__PURE__ */ jsx(DataListTop, { children: Array.from({ length: columnCount }).map((_, colIdx) => /* @__PURE__ */ jsx(DataListTopCell, { children: /* @__PURE__ */ jsx(SkeletonBar, { width: headerWidths[colIdx % headerWidths.length] ?? headerWidths[0], className: "h-3" }) }, colIdx)) }),
+    Array.from({ length: numberOfRows }).map((_, rowIdx) => /* @__PURE__ */ jsx("div", { className: cn("grid grid-cols-subgrid gap-4 px-3", ...dataListRowOuterStyles), children: Array.from({ length: columnCount }).map((_2, colIdx) => /* @__PURE__ */ jsx(DataListCell, { children: /* @__PURE__ */ jsx(SkeletonBar, { width: getPseudoRandomWidth(rowIdx, colIdx) }) }, colIdx)) }, rowIdx))
+  ] });
+}
+
+export { DataListSkeleton as D };
+//# sourceMappingURL=data-list-skeleton-CQQydcpj.js.map

package/dist/data-list-skeleton-CQQydcpj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list-skeleton-CQQydcpj.js","sources":["../src/ds/components/DataList/data-list-skeleton.tsx"],"sourcesContent":["import { DataListCell } from './data-list-cells';\nimport { DataListRoot } from './data-list-root';\nimport type { DataListFit, DataListVariant } from './data-list-root';\nimport { DataListTop } from './data-list-top';\nimport { DataListTopCell } from './data-list-top-cell';\nimport { dataListRowOuterStyles, splitColumns } from './shared';\nimport { cn } from '@/lib/utils';\n\nconst widths = ['75%', '50%', '65%', '90%', '60%', '80%'] as const;\nconst headerWidths = ['3rem', '5rem', '4rem', '3.5rem', '4.5rem', '3rem'] as const;\n\nexport type DataListSkeletonProps = {\n  columns?: string;\n  numberOfRows?: number;\n  fit?: DataListFit;\n  variant?: DataListVariant;\n};\n\nfunction SkeletonBar({ width, className }: { width: string; className?: string }) {\n  return (\n    <div\n      className={cn('h-4 animate-pulse rounded-lg bg-(--data-list-background) text-transparent select-none', className)}\n      style={{ width }}\n    />\n  );\n}\n\n/**\n * Loading placeholder mirroring the real list: same root, a sticky header\n * band with one placeholder label per column, then rows of placeholder cells.\n */\nexport function DataListSkeleton({\n  columns = 'auto 1fr auto auto',\n  numberOfRows = 3,\n  fit,\n  variant,\n}: DataListSkeletonProps) {\n  const columnParts = splitColumns(columns);\n  const columnCount = columnParts.length;\n  const skeletonColumns = columnParts.map(col => (col === 'auto' ? 'minmax(6rem, auto)' : col)).join(' ');\n\n  const getPseudoRandomWidth = (rowIdx: number, colIdx: number) => {\n    const index = (rowIdx + colIdx + columnCount + numberOfRows) % widths.length;\n    return widths[index] ?? widths[0];\n  };\n\n  return (\n    <DataListRoot columns={skeletonColumns} fit={fit} variant={variant}>\n      <DataListTop>\n        {Array.from({ length: columnCount }).map((_, colIdx) => (\n          <DataListTopCell key={colIdx}>\n            <SkeletonBar width={headerWidths[colIdx % headerWidths.length] ?? headerWidths[0]} className=\"h-3\" />\n          </DataListTopCell>\n        ))}\n      </DataListTop>\n      {Array.from({ length: numberOfRows }).map((_, rowIdx) => (\n        <div key={rowIdx} className={cn('grid grid-cols-subgrid gap-4 px-3', ...dataListRowOuterStyles)}>\n          {Array.from({ length: columnCount }).map((_, colIdx) => (\n            <DataListCell key={colIdx}>\n              <SkeletonBar width={getPseudoRandomWidth(rowIdx, colIdx)} />\n            </DataListCell>\n          ))}\n        </div>\n      ))}\n    </DataListRoot>\n  );\n}\n"],"names":["_"],"mappings":";;;;AAQA,MAAM,SAAS,CAAC,KAAA,EAAO,OAAO,KAAA,EAAO,KAAA,EAAO,OAAO,KAAK,CAAA;AACxD,MAAM,eAAe,CAAC,MAAA,EAAQ,QAAQ,MAAA,EAAQ,QAAA,EAAU,UAAU,MAAM,CAAA;AASxE,SAAS,WAAA,CAAY,EAAE,KAAA,EAAO,SAAA,EAAU,EAA0C;AAChF,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,uFAAA,EAAyF,SAAS,CAAA;AAAA,MAChH,KAAA,EAAO,EAAE,KAAA;AAAM;AAAA,GACjB;AAEJ;AAMO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,OAAA,GAAU,oBAAA;AAAA,EACV,YAAA,GAAe,CAAA;AAAA,EACf,GAAA;AAAA,EACA;AACF,CAAA,EAA0B;AACxB,EAAA,MAAM,WAAA,GAAc,aAAa,OAAO,CAAA;AACxC,EAAA,MAAM,cAAc,WAAA,CAAY,MAAA;AAChC,EAAA,MAAM,eAAA,GAAkB,WAAA,CAAY,GAAA,CAAI,CAAA,GAAA,KAAQ,GAAA,KAAQ,SAAS,oBAAA,GAAuB,GAAI,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA;AAEtG,EAAA,MAAM,oBAAA,GAAuB,CAAC,MAAA,EAAgB,MAAA,KAAmB;AAC/D,IAAA,MAAM,KAAA,GAAA,CAAS,MAAA,GAAS,MAAA,GAAS,WAAA,GAAc,gBAAgB,MAAA,CAAO,MAAA;AACtE,IAAA,OAAO,MAAA,CAAO,KAAK,CAAA,IAAK,MAAA,CAAO,CAAC,CAAA;AAAA,EAClC,CAAA;AAEA,EAAA,uBACE,IAAA,CAAC,YAAA,EAAA,EAAa,OAAA,EAAS,eAAA,EAAiB,KAAU,OAAA,EAChD,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAA,EAAA,EACE,QAAA,EAAA,KAAA,CAAM,IAAA,CAAK,EAAE,MAAA,EAAQ,WAAA,EAAa,CAAA,CAAE,GAAA,CAAI,CAAC,CAAA,EAAG,MAAA,yBAC1C,eAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAO,YAAA,CAAa,MAAA,GAAS,YAAA,CAAa,MAAM,CAAA,IAAK,YAAA,CAAa,CAAC,CAAA,EAAG,SAAA,EAAU,KAAA,EAAM,CAAA,EAAA,EAD/E,MAEtB,CACD,CAAA,EACH,CAAA;AAAA,IACC,KAAA,CAAM,KAAK,EAAE,MAAA,EAAQ,cAAc,CAAA,CAAE,IAAI,CAAC,CAAA,EAAG,2BAC5C,GAAA,CAAC,KAAA,EAAA,EAAiB,WAAW,EAAA,CAAG,mCAAA,EAAqC,GAAG,sBAAsB,CAAA,EAC3F,gBAAM,IAAA,CAAK,EAAE,QAAQ,WAAA,EAAa,EAAE,GAAA,CAAI,CAACA,IAAG,MAAA,qBAC3C,GAAA,CAAC,gBACC,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,OAAO,oBAAA,CAAqB,MAAA,EAAQ,MAAM,CAAA,EAAG,CAAA,EAAA,EADzC,MAEnB,CACD,CAAA,EAAA,EALO,MAMV,CACD;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/data-list-spacer-DWoUNPpA.js

@@ -0,0 +1,138 @@
+import { jsx } from 'react/jsx-runtime';
+import { c as cn } from './cn-C6s2yXwM.js';
+import { useContext, createContext, forwardRef } from 'react';
+import { l as dataListRowInteractiveStyles, m as dataListRowStyles, d as dataListRowOuterStyles, n as dataListRowStateStyles } from './data-list-top-DbUnE1J9.js';
+
+function DataListNextPageLoading({
+  isLoading,
+  setEndOfListElement,
+  hasMore,
+  loadingText = "Loading more data..."
+}) {
+  if (!setEndOfListElement) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: setEndOfListElement,
+      className: cn("col-span-full -mt-px flex justify-center text-ui-md text-neutral3 opacity-50", {
+        "py-4": isLoading
+      }),
+      children: isLoading && loadingText
+    }
+  );
+}
+
+function DataListNoMatch({
+  message = "Nothing matches your search",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "col-span-full flex flex-col items-center justify-center gap-2 rounded-lg bg-surface2 py-8 text-neutral3",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx("p", { className: "text-ui-md", children: message })
+    }
+  );
+}
+
+const DataListRowWrapperContext = createContext(false);
+function useDataListRowWrapperContext() {
+  return useContext(DataListRowWrapperContext);
+}
+
+const DataListRowButton = forwardRef(
+  ({ children, className, type = "button", colStart, colEnd, featured, variant, style, ...rest }, ref) => {
+    const isWrapped = useDataListRowWrapperContext();
+    const hasColumnOverride = colStart !== void 0 || colEnd !== void 0;
+    const resolvedStyle = hasColumnOverride ? { ...style, gridColumn: `${colStart ?? 1} / ${colEnd ?? -1}` } : style;
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        type,
+        className: cn(...isWrapped ? dataListRowInteractiveStyles : dataListRowStyles, "text-left", className),
+        style: resolvedStyle,
+        "data-featured": featured || void 0,
+        "data-variant": variant ?? "default",
+        ...rest,
+        children
+      }
+    );
+  }
+);
+DataListRowButton.displayName = "DataListRowButton";
+
+const DataListRowLink = forwardRef(
+  ({ children, to, className, style, LinkComponent: Link = "a", colStart, colEnd, featured, variant, ...rest }, ref) => {
+    const isWrapped = useDataListRowWrapperContext();
+    const hasColumnOverride = colStart !== void 0 || colEnd !== void 0;
+    const resolvedStyle = hasColumnOverride ? { ...style, gridColumn: `${colStart ?? 1} / ${colEnd ?? -1}` } : style;
+    return /* @__PURE__ */ jsx(
+      Link,
+      {
+        ref,
+        href: to,
+        className: cn(...isWrapped ? dataListRowInteractiveStyles : dataListRowStyles, className),
+        style: resolvedStyle,
+        "data-featured": featured || void 0,
+        "data-variant": variant ?? "default",
+        ...rest,
+        children
+      }
+    );
+  }
+);
+DataListRowLink.displayName = "DataListRowLink";
+
+const DataListRowWrapper = forwardRef(
+  ({ children, className, onSelectRow, onClick, onKeyDown, tabIndex, ...rest }, ref) => {
+    const isSelectable = onSelectRow !== void 0;
+    const handleClick = (event) => {
+      onClick?.(event);
+      if (!isSelectable || event.defaultPrevented) return;
+      onSelectRow();
+    };
+    const handleKeyDown = (event) => {
+      onKeyDown?.(event);
+      if (!isSelectable || event.defaultPrevented) return;
+      if (event.key === "Enter" && event.target === event.currentTarget) {
+        event.preventDefault();
+        onSelectRow();
+      }
+    };
+    return /* @__PURE__ */ jsx(DataListRowWrapperContext.Provider, { value: true, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        tabIndex: tabIndex ?? (isSelectable ? 0 : void 0),
+        className: cn(
+          "grid grid-cols-subgrid gap-0",
+          ...dataListRowOuterStyles,
+          ...dataListRowStateStyles,
+          isSelectable && "cursor-pointer outline-none focus-visible:ring-1 focus-visible:ring-accent1 focus-visible:ring-inset",
+          className
+        ),
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        ...rest,
+        children
+      }
+    ) });
+  }
+);
+DataListRowWrapper.displayName = "DataListRowWrapper";
+
+function DataListSpacer({ height }) {
+  if (height <= 0) return null;
+  return /* @__PURE__ */ jsx("div", { className: "col-span-full", style: { height } });
+}
+
+export { DataListNextPageLoading as D, DataListNoMatch as a, DataListSpacer as b, DataListRowLink as c, DataListRowButton as d, DataListRowWrapper as e, useDataListRowWrapperContext as u };
+//# sourceMappingURL=data-list-spacer-DWoUNPpA.js.map

package/dist/data-list-spacer-DWoUNPpA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list-spacer-DWoUNPpA.js","sources":["../src/ds/components/DataList/data-list-next-page-loading.tsx","../src/ds/components/DataList/data-list-no-match.tsx","../src/ds/components/DataList/data-list-row-wrapper-context.ts","../src/ds/components/DataList/data-list-row-button.tsx","../src/ds/components/DataList/data-list-row-link.tsx","../src/ds/components/DataList/data-list-row-wrapper.tsx","../src/ds/components/DataList/data-list-spacer.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type DataListNextPageLoadingProps = {\n  isLoading?: boolean;\n  hasMore?: boolean;\n  setEndOfListElement?: (element: HTMLDivElement | null) => void;\n  loadingText?: string;\n};\n\nexport function DataListNextPageLoading({\n  isLoading,\n  setEndOfListElement,\n  hasMore,\n  loadingText = 'Loading more data...',\n}: DataListNextPageLoadingProps) {\n  if (!setEndOfListElement) {\n    return null;\n  }\n\n  return (\n    <div\n      ref={setEndOfListElement}\n      // Zero-height when idle so it adds no trailing space below the last row;\n      // IntersectionObserver still fires for a zero-area target at the viewport edge.\n      className={cn('col-span-full -mt-px flex justify-center text-ui-md text-neutral3 opacity-50', {\n        'py-4': isLoading,\n      })}\n    >\n      {isLoading && loadingText}\n    </div>\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type DataListNoMatchProps = ComponentPropsWithoutRef<'div'> & {\n  message?: string;\n};\n\nexport function DataListNoMatch({\n  message = 'Nothing matches your search',\n  className,\n  ...props\n}: DataListNoMatchProps) {\n  return (\n    <div\n      className={cn(\n        'col-span-full flex flex-col items-center justify-center gap-2 rounded-lg bg-surface2 py-8 text-neutral3',\n        className,\n      )}\n      {...props}\n    >\n      <p className=\"text-ui-md\">{message}</p>\n    </div>\n  );\n}\n","import { createContext, useContext } from 'react';\n\nexport const DataListRowWrapperContext = createContext(false);\n\nexport function useDataListRowWrapperContext() {\n  return useContext(DataListRowWrapperContext);\n}\n","import { forwardRef } from 'react';\nimport type { ComponentPropsWithoutRef } from 'react';\nimport { useDataListRowWrapperContext } from './data-list-row-wrapper-context';\nimport { dataListRowInteractiveStyles, dataListRowStyles } from './shared';\nimport type { DataListRowSharedProps } from './shared';\nimport { cn } from '@/lib/utils';\n\nexport type DataListRowButtonProps = ComponentPropsWithoutRef<'button'> & DataListRowSharedProps;\n\n/**\n * Forwarded ref + spread props so virtualizers (`useVirtualizer.measureElement`)\n * can attach a ref and `data-index` to each rendered row.\n */\nexport const DataListRowButton = forwardRef<HTMLButtonElement, DataListRowButtonProps>(\n  ({ children, className, type = 'button', colStart, colEnd, featured, variant, style, ...rest }, ref) => {\n    const isWrapped = useDataListRowWrapperContext();\n    const hasColumnOverride = colStart !== undefined || colEnd !== undefined;\n    const resolvedStyle = hasColumnOverride ? { ...style, gridColumn: `${colStart ?? 1} / ${colEnd ?? -1}` } : style;\n    return (\n      <button\n        ref={ref}\n        type={type}\n        className={cn(...(isWrapped ? dataListRowInteractiveStyles : dataListRowStyles), 'text-left', className)}\n        style={resolvedStyle}\n        data-featured={featured || undefined}\n        data-variant={variant ?? 'default'}\n        {...rest}\n      >\n        {children}\n      </button>\n    );\n  },\n);\n\nDataListRowButton.displayName = 'DataListRowButton';\n","import { forwardRef } from 'react';\nimport type { CSSProperties, ComponentPropsWithoutRef, ReactNode } from 'react';\nimport { useDataListRowWrapperContext } from './data-list-row-wrapper-context';\nimport { dataListRowInteractiveStyles, dataListRowStyles } from './shared';\nimport type { DataListRowSharedProps } from './shared';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\nexport type DataListRowLinkProps = DataListRowSharedProps & {\n  children: ReactNode;\n  to: string;\n  className?: string;\n  style?: CSSProperties;\n  LinkComponent?: LinkComponent;\n} & Omit<ComponentPropsWithoutRef<'a'>, 'href' | 'children' | 'className' | 'style'>;\n\nexport const DataListRowLink = forwardRef<HTMLAnchorElement, DataListRowLinkProps>(\n  (\n    { children, to, className, style, LinkComponent: Link = 'a', colStart, colEnd, featured, variant, ...rest },\n    ref,\n  ) => {\n    const isWrapped = useDataListRowWrapperContext();\n    const hasColumnOverride = colStart !== undefined || colEnd !== undefined;\n    const resolvedStyle = hasColumnOverride ? { ...style, gridColumn: `${colStart ?? 1} / ${colEnd ?? -1}` } : style;\n    return (\n      <Link\n        ref={ref}\n        href={to}\n        className={cn(...(isWrapped ? dataListRowInteractiveStyles : dataListRowStyles), className)}\n        style={resolvedStyle}\n        data-featured={featured || undefined}\n        data-variant={variant ?? 'default'}\n        {...rest}\n      >\n        {children}\n      </Link>\n    );\n  },\n);\n\nDataListRowLink.displayName = 'DataListRowLink';\n","import { forwardRef } from 'react';\nimport type { ComponentPropsWithoutRef, KeyboardEvent, MouseEvent } from 'react';\nimport { DataListRowWrapperContext } from './data-list-row-wrapper-context';\nimport { dataListRowOuterStyles, dataListRowStateStyles } from './shared';\nimport { cn } from '@/lib/utils';\n\nexport type DataListRowWrapperProps = ComponentPropsWithoutRef<'div'> & {\n  /**\n   * Makes the whole wrapper the row's activation target: it becomes focusable\n   * (`tabIndex=0` unless overridden, e.g. by `getRowProps`), and a click or\n   * Enter on the wrapper itself calls this. Descendants that must not activate\n   * the row (the inner link, popover triggers, action buttons) should call\n   * `event.stopPropagation()` on their click.\n   */\n  onSelectRow?: () => void;\n};\n\n/**\n * Grid wrapper used to host a leading or trailing cell (e.g. a selection\n * checkbox or row actions) alongside a `DataList.RowButton` / `RowLink`.\n *\n * Without `onSelectRow` it is non-interactive: hover/focus/click only apply to\n * the nested row primitive. With `onSelectRow` the wrapper itself becomes the\n * click / Enter target so the entire row (including trailing cells) activates.\n * For standalone interactive rows, use `DataList.RowButton` directly.\n *\n * Carries the `.data-list-row` marker so root-level row styling behaves the\n * same in wrapped and standalone rows.\n */\nexport const DataListRowWrapper = forwardRef<HTMLDivElement, DataListRowWrapperProps>(\n  ({ children, className, onSelectRow, onClick, onKeyDown, tabIndex, ...rest }, ref) => {\n    const isSelectable = onSelectRow !== undefined;\n\n    const handleClick = (event: MouseEvent<HTMLDivElement>) => {\n      onClick?.(event);\n      if (!isSelectable || event.defaultPrevented) return;\n      onSelectRow();\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(event);\n      if (!isSelectable || event.defaultPrevented) return;\n      // Only when the wrapper itself is focused. A focused descendant (the\n      // link) receiving Enter fires its own native click; handling it here too\n      // would activate the row twice.\n      if (event.key === 'Enter' && event.target === event.currentTarget) {\n        event.preventDefault();\n        onSelectRow();\n      }\n    };\n\n    return (\n      <DataListRowWrapperContext.Provider value>\n        <div\n          ref={ref}\n          tabIndex={tabIndex ?? (isSelectable ? 0 : undefined)}\n          className={cn(\n            'grid grid-cols-subgrid gap-0',\n            ...dataListRowOuterStyles,\n            ...dataListRowStateStyles,\n            isSelectable &&\n              'cursor-pointer outline-none focus-visible:ring-1 focus-visible:ring-accent1 focus-visible:ring-inset',\n            className,\n          )}\n          onClick={handleClick}\n          onKeyDown={handleKeyDown}\n          {...rest}\n        >\n          {children}\n        </div>\n      </DataListRowWrapperContext.Provider>\n    );\n  },\n);\n\nDataListRowWrapper.displayName = 'DataListRowWrapper';\n","export type DataListSpacerProps = {\n  /** Pixel height of the spacer. Pass 0 to render nothing. */\n  height: number;\n};\n\n/**\n * Pads top/bottom of the visible window when virtualizing — preserves the\n * grid's total scroll height for the rows that aren't currently rendered.\n * Spans the full grid width so it doesn't disturb column layout.\n */\nexport function DataListSpacer({ height }: DataListSpacerProps) {\n  if (height <= 0) return null;\n  return <div className=\"col-span-full\" style={{ height }} />;\n}\n"],"names":[],"mappings":"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"}

package/dist/data-list-spacer-psBnZOCX.cjs

@@ -0,0 +1,146 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const utils_cn = require('./cn-BuHW7Wrt.cjs');
+const React = require('react');
+const dataListTop = require('./data-list-top-CkwvYUWw.cjs');
+
+function DataListNextPageLoading({
+  isLoading,
+  setEndOfListElement,
+  hasMore,
+  loadingText = "Loading more data..."
+}) {
+  if (!setEndOfListElement) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: setEndOfListElement,
+      className: utils_cn.cn("col-span-full -mt-px flex justify-center text-ui-md text-neutral3 opacity-50", {
+        "py-4": isLoading
+      }),
+      children: isLoading && loadingText
+    }
+  );
+}
+
+function DataListNoMatch({
+  message = "Nothing matches your search",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: utils_cn.cn(
+        "col-span-full flex flex-col items-center justify-center gap-2 rounded-lg bg-surface2 py-8 text-neutral3",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-md", children: message })
+    }
+  );
+}
+
+const DataListRowWrapperContext = React.createContext(false);
+function useDataListRowWrapperContext() {
+  return React.useContext(DataListRowWrapperContext);
+}
+
+const DataListRowButton = React.forwardRef(
+  ({ children, className, type = "button", colStart, colEnd, featured, variant, style, ...rest }, ref) => {
+    const isWrapped = useDataListRowWrapperContext();
+    const hasColumnOverride = colStart !== void 0 || colEnd !== void 0;
+    const resolvedStyle = hasColumnOverride ? { ...style, gridColumn: `${colStart ?? 1} / ${colEnd ?? -1}` } : style;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        ref,
+        type,
+        className: utils_cn.cn(...isWrapped ? dataListTop.dataListRowInteractiveStyles : dataListTop.dataListRowStyles, "text-left", className),
+        style: resolvedStyle,
+        "data-featured": featured || void 0,
+        "data-variant": variant ?? "default",
+        ...rest,
+        children
+      }
+    );
+  }
+);
+DataListRowButton.displayName = "DataListRowButton";
+
+const DataListRowLink = React.forwardRef(
+  ({ children, to, className, style, LinkComponent: Link = "a", colStart, colEnd, featured, variant, ...rest }, ref) => {
+    const isWrapped = useDataListRowWrapperContext();
+    const hasColumnOverride = colStart !== void 0 || colEnd !== void 0;
+    const resolvedStyle = hasColumnOverride ? { ...style, gridColumn: `${colStart ?? 1} / ${colEnd ?? -1}` } : style;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Link,
+      {
+        ref,
+        href: to,
+        className: utils_cn.cn(...isWrapped ? dataListTop.dataListRowInteractiveStyles : dataListTop.dataListRowStyles, className),
+        style: resolvedStyle,
+        "data-featured": featured || void 0,
+        "data-variant": variant ?? "default",
+        ...rest,
+        children
+      }
+    );
+  }
+);
+DataListRowLink.displayName = "DataListRowLink";
+
+const DataListRowWrapper = React.forwardRef(
+  ({ children, className, onSelectRow, onClick, onKeyDown, tabIndex, ...rest }, ref) => {
+    const isSelectable = onSelectRow !== void 0;
+    const handleClick = (event) => {
+      onClick?.(event);
+      if (!isSelectable || event.defaultPrevented) return;
+      onSelectRow();
+    };
+    const handleKeyDown = (event) => {
+      onKeyDown?.(event);
+      if (!isSelectable || event.defaultPrevented) return;
+      if (event.key === "Enter" && event.target === event.currentTarget) {
+        event.preventDefault();
+        onSelectRow();
+      }
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(DataListRowWrapperContext.Provider, { value: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        tabIndex: tabIndex ?? (isSelectable ? 0 : void 0),
+        className: utils_cn.cn(
+          "grid grid-cols-subgrid gap-0",
+          ...dataListTop.dataListRowOuterStyles,
+          ...dataListTop.dataListRowStateStyles,
+          isSelectable && "cursor-pointer outline-none focus-visible:ring-1 focus-visible:ring-accent1 focus-visible:ring-inset",
+          className
+        ),
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        ...rest,
+        children
+      }
+    ) });
+  }
+);
+DataListRowWrapper.displayName = "DataListRowWrapper";
+
+function DataListSpacer({ height }) {
+  if (height <= 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-full", style: { height } });
+}
+
+exports.DataListNextPageLoading = DataListNextPageLoading;
+exports.DataListNoMatch = DataListNoMatch;
+exports.DataListRowButton = DataListRowButton;
+exports.DataListRowLink = DataListRowLink;
+exports.DataListRowWrapper = DataListRowWrapper;
+exports.DataListSpacer = DataListSpacer;
+exports.useDataListRowWrapperContext = useDataListRowWrapperContext;
+//# sourceMappingURL=data-list-spacer-psBnZOCX.cjs.map

package/dist/data-list-spacer-psBnZOCX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list-spacer-psBnZOCX.cjs","sources":["../src/ds/components/DataList/data-list-next-page-loading.tsx","../src/ds/components/DataList/data-list-no-match.tsx","../src/ds/components/DataList/data-list-row-wrapper-context.ts","../src/ds/components/DataList/data-list-row-button.tsx","../src/ds/components/DataList/data-list-row-link.tsx","../src/ds/components/DataList/data-list-row-wrapper.tsx","../src/ds/components/DataList/data-list-spacer.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type DataListNextPageLoadingProps = {\n  isLoading?: boolean;\n  hasMore?: boolean;\n  setEndOfListElement?: (element: HTMLDivElement | null) => void;\n  loadingText?: string;\n};\n\nexport function DataListNextPageLoading({\n  isLoading,\n  setEndOfListElement,\n  hasMore,\n  loadingText = 'Loading more data...',\n}: DataListNextPageLoadingProps) {\n  if (!setEndOfListElement) {\n    return null;\n  }\n\n  return (\n    <div\n      ref={setEndOfListElement}\n      // Zero-height when idle so it adds no trailing space below the last row;\n      // IntersectionObserver still fires for a zero-area target at the viewport edge.\n      className={cn('col-span-full -mt-px flex justify-center text-ui-md text-neutral3 opacity-50', {\n        'py-4': isLoading,\n      })}\n    >\n      {isLoading && loadingText}\n    </div>\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type DataListNoMatchProps = ComponentPropsWithoutRef<'div'> & {\n  message?: string;\n};\n\nexport function DataListNoMatch({\n  message = 'Nothing matches your search',\n  className,\n  ...props\n}: DataListNoMatchProps) {\n  return (\n    <div\n      className={cn(\n        'col-span-full flex flex-col items-center justify-center gap-2 rounded-lg bg-surface2 py-8 text-neutral3',\n        className,\n      )}\n      {...props}\n    >\n      <p className=\"text-ui-md\">{message}</p>\n    </div>\n  );\n}\n","import { createContext, useContext } from 'react';\n\nexport const DataListRowWrapperContext = createContext(false);\n\nexport function useDataListRowWrapperContext() {\n  return useContext(DataListRowWrapperContext);\n}\n","import { forwardRef } from 'react';\nimport type { ComponentPropsWithoutRef } from 'react';\nimport { useDataListRowWrapperContext } from './data-list-row-wrapper-context';\nimport { dataListRowInteractiveStyles, dataListRowStyles } from './shared';\nimport type { DataListRowSharedProps } from './shared';\nimport { cn } from '@/lib/utils';\n\nexport type DataListRowButtonProps = ComponentPropsWithoutRef<'button'> & DataListRowSharedProps;\n\n/**\n * Forwarded ref + spread props so virtualizers (`useVirtualizer.measureElement`)\n * can attach a ref and `data-index` to each rendered row.\n */\nexport const DataListRowButton = forwardRef<HTMLButtonElement, DataListRowButtonProps>(\n  ({ children, className, type = 'button', colStart, colEnd, featured, variant, style, ...rest }, ref) => {\n    const isWrapped = useDataListRowWrapperContext();\n    const hasColumnOverride = colStart !== undefined || colEnd !== undefined;\n    const resolvedStyle = hasColumnOverride ? { ...style, gridColumn: `${colStart ?? 1} / ${colEnd ?? -1}` } : style;\n    return (\n      <button\n        ref={ref}\n        type={type}\n        className={cn(...(isWrapped ? dataListRowInteractiveStyles : dataListRowStyles), 'text-left', className)}\n        style={resolvedStyle}\n        data-featured={featured || undefined}\n        data-variant={variant ?? 'default'}\n        {...rest}\n      >\n        {children}\n      </button>\n    );\n  },\n);\n\nDataListRowButton.displayName = 'DataListRowButton';\n","import { forwardRef } from 'react';\nimport type { CSSProperties, ComponentPropsWithoutRef, ReactNode } from 'react';\nimport { useDataListRowWrapperContext } from './data-list-row-wrapper-context';\nimport { dataListRowInteractiveStyles, dataListRowStyles } from './shared';\nimport type { DataListRowSharedProps } from './shared';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\nexport type DataListRowLinkProps = DataListRowSharedProps & {\n  children: ReactNode;\n  to: string;\n  className?: string;\n  style?: CSSProperties;\n  LinkComponent?: LinkComponent;\n} & Omit<ComponentPropsWithoutRef<'a'>, 'href' | 'children' | 'className' | 'style'>;\n\nexport const DataListRowLink = forwardRef<HTMLAnchorElement, DataListRowLinkProps>(\n  (\n    { children, to, className, style, LinkComponent: Link = 'a', colStart, colEnd, featured, variant, ...rest },\n    ref,\n  ) => {\n    const isWrapped = useDataListRowWrapperContext();\n    const hasColumnOverride = colStart !== undefined || colEnd !== undefined;\n    const resolvedStyle = hasColumnOverride ? { ...style, gridColumn: `${colStart ?? 1} / ${colEnd ?? -1}` } : style;\n    return (\n      <Link\n        ref={ref}\n        href={to}\n        className={cn(...(isWrapped ? dataListRowInteractiveStyles : dataListRowStyles), className)}\n        style={resolvedStyle}\n        data-featured={featured || undefined}\n        data-variant={variant ?? 'default'}\n        {...rest}\n      >\n        {children}\n      </Link>\n    );\n  },\n);\n\nDataListRowLink.displayName = 'DataListRowLink';\n","import { forwardRef } from 'react';\nimport type { ComponentPropsWithoutRef, KeyboardEvent, MouseEvent } from 'react';\nimport { DataListRowWrapperContext } from './data-list-row-wrapper-context';\nimport { dataListRowOuterStyles, dataListRowStateStyles } from './shared';\nimport { cn } from '@/lib/utils';\n\nexport type DataListRowWrapperProps = ComponentPropsWithoutRef<'div'> & {\n  /**\n   * Makes the whole wrapper the row's activation target: it becomes focusable\n   * (`tabIndex=0` unless overridden, e.g. by `getRowProps`), and a click or\n   * Enter on the wrapper itself calls this. Descendants that must not activate\n   * the row (the inner link, popover triggers, action buttons) should call\n   * `event.stopPropagation()` on their click.\n   */\n  onSelectRow?: () => void;\n};\n\n/**\n * Grid wrapper used to host a leading or trailing cell (e.g. a selection\n * checkbox or row actions) alongside a `DataList.RowButton` / `RowLink`.\n *\n * Without `onSelectRow` it is non-interactive: hover/focus/click only apply to\n * the nested row primitive. With `onSelectRow` the wrapper itself becomes the\n * click / Enter target so the entire row (including trailing cells) activates.\n * For standalone interactive rows, use `DataList.RowButton` directly.\n *\n * Carries the `.data-list-row` marker so root-level row styling behaves the\n * same in wrapped and standalone rows.\n */\nexport const DataListRowWrapper = forwardRef<HTMLDivElement, DataListRowWrapperProps>(\n  ({ children, className, onSelectRow, onClick, onKeyDown, tabIndex, ...rest }, ref) => {\n    const isSelectable = onSelectRow !== undefined;\n\n    const handleClick = (event: MouseEvent<HTMLDivElement>) => {\n      onClick?.(event);\n      if (!isSelectable || event.defaultPrevented) return;\n      onSelectRow();\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(event);\n      if (!isSelectable || event.defaultPrevented) return;\n      // Only when the wrapper itself is focused. A focused descendant (the\n      // link) receiving Enter fires its own native click; handling it here too\n      // would activate the row twice.\n      if (event.key === 'Enter' && event.target === event.currentTarget) {\n        event.preventDefault();\n        onSelectRow();\n      }\n    };\n\n    return (\n      <DataListRowWrapperContext.Provider value>\n        <div\n          ref={ref}\n          tabIndex={tabIndex ?? (isSelectable ? 0 : undefined)}\n          className={cn(\n            'grid grid-cols-subgrid gap-0',\n            ...dataListRowOuterStyles,\n            ...dataListRowStateStyles,\n            isSelectable &&\n              'cursor-pointer outline-none focus-visible:ring-1 focus-visible:ring-accent1 focus-visible:ring-inset',\n            className,\n          )}\n          onClick={handleClick}\n          onKeyDown={handleKeyDown}\n          {...rest}\n        >\n          {children}\n        </div>\n      </DataListRowWrapperContext.Provider>\n    );\n  },\n);\n\nDataListRowWrapper.displayName = 'DataListRowWrapper';\n","export type DataListSpacerProps = {\n  /** Pixel height of the spacer. Pass 0 to render nothing. */\n  height: number;\n};\n\n/**\n * Pads top/bottom of the visible window when virtualizing — preserves the\n * grid's total scroll height for the rows that aren't currently rendered.\n * Spans the full grid width so it doesn't disturb column layout.\n */\nexport function DataListSpacer({ height }: DataListSpacerProps) {\n  if (height <= 0) return null;\n  return <div className=\"col-span-full\" style={{ height }} />;\n}\n"],"names":["jsx","cn","createContext","useContext","forwardRef","dataListRowInteractiveStyles","dataListRowStyles","dataListRowOuterStyles","dataListRowStateStyles"],"mappings":"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"}