@arbidocs/blocks 0.4.153 → 0.4.154

package/dist/home/index.js

@@ -1,62 +1,22 @@
 "use client";
-export { CollapsibleSection, DEFAULT_COLLAPSIBLE_SECTION_LABELS, DEFAULT_KEY_VALUE_ROW_LABELS, KeyValueContainer, KeyValueRow } from '../chunk-LGBAZD37.js';
-import { Callout } from '../chunk-UJE32SST.js';
-import { SectionHeader, EmptyStrip, QuickActionDialogHeader } from '../chunk-IXWJGOM2.js';
-export { AddFilesFirst, DEFAULT_ADD_FILES_FIRST_LABELS, DEFAULT_SCOPE_PICKER_LABELS, EmptyStrip, FoldSection, QuickActionDialogHeader, ScopePicker, SectionHeader, SectionLabel, StartTiles, useScopeSelection } from '../chunk-IXWJGOM2.js';
-import { ActionLink } from '../chunk-YKQ2DPIP.js';
+export { DEFAULT_KEY_VALUE_ROW_LABELS, KeyValueContainer, KeyValueRow } from '../chunk-XRL4R2TT.js';
+export { CreateTile, DASHBOARD_QUIET_ACTION_CLASS, DashboardAction, DashboardBand, DashboardColumns, DashboardRoot, FactMark, FactsStrip, HomeCenteredColumn, HomeCenteredScroll, HomeFrame, HomeLoadError, HomeMain, RecentList } from '../chunk-ISHFVKVU.js';
+export { BulkDeleteButton, EmptyCellDash, GridCellRow, GridWithSelectionBar, PlainBandTitle, ProjectBandTitle, ProjectBreakdown, ProjectReadout } from '../chunk-RQKWYKZY.js';
+export { CollapsibleSection, DEFAULT_COLLAPSIBLE_SECTION_LABELS } from '../chunk-5TDGVOR5.js';
+import '../chunk-UJE32SST.js';
+import { QuickActionDialogHeader } from '../chunk-BQ77KSXU.js';
+export { AddFilesFirst, DEFAULT_ADD_FILES_FIRST_LABELS, DEFAULT_SCOPE_PICKER_LABELS, EmptyStrip, FoldSection, QuickActionDialogHeader, ScopePicker, SectionHeader, SectionLabel, StartTiles, useScopeSelection } from '../chunk-BQ77KSXU.js';
+import '../chunk-VF5EUAIV.js';
 import '../chunk-NPLYHR2E.js';
 import { testIdOr, prefixedTestId } from '../chunk-7F6CBP3Z.js';
-import '../chunk-TBEVGWY3.js';
+import '../chunk-F57LNUSZ.js';
 import '../chunk-TX2ZICS7.js';
 import '../chunk-OXF2IFXG.js';
 import '../chunk-VUNV25KB.js';
-import { Plus, PartyPopper, X, Trash2 } from 'lucide-react';
-import { cn, Dialog, DialogContent, Button, Tooltip, TooltipTrigger, TooltipContent } from '@arbidocs/react/ui';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { cn, Dialog, DialogContent } from '@arbidocs/react/ui';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { PartyPopper, X } from 'lucide-react';
 
-function CreateTile({
-  label,
-  ariaLabel,
-  onSelect,
-  help,
-  disabledReason,
-  className,
-  testId
-}) {
-  const disabled = !!disabledReason;
-  const select = disabled ? void 0 : onSelect;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "flex min-h-40 w-full flex-col items-center justify-center gap-1 rounded-lg p-4 text-muted-foreground border border-border bg-card shadow-xs transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-        disabled ? "cursor-not-allowed opacity-60" : "cursor-pointer hover:border-ring/50 hover:bg-accent/40 hover:text-foreground",
-        className
-      ),
-      onClick: select,
-      onKeyDown: (event) => {
-        if (event.key === "Enter" || event.key === " ") {
-          event.preventDefault();
-          select?.();
-        }
-      },
-      role: "button",
-      tabIndex: 0,
-      "aria-disabled": disabled || void 0,
-      title: disabledReason,
-      "aria-label": ariaLabel ?? label,
-      "data-slot": "create-tile",
-      "data-testid": testId,
-      children: [
-        /* @__PURE__ */ jsxs("span", { className: "inline-flex flex-col items-center gap-2 text-sm font-medium", children: [
-          /* @__PURE__ */ jsx(Plus, { className: "size-6", "aria-hidden": "true" }),
-          label
-        ] }),
-        (disabledReason ?? help) && /* @__PURE__ */ jsx("p", { className: "max-w-64 px-4 text-center text-xs leading-snug text-muted-foreground", children: disabledReason ?? help })
-      ]
-    }
-  );
-}
 function Greeting({
   eyebrow,
   title,
@@ -92,150 +52,6 @@ function Greeting({
     }
   ) });
 }
-function RecentList({
-  icon,
-  title,
-  count,
-  onOpen,
-  openHref,
-  action,
-  rows,
-  caption,
-  empty,
-  className,
-  testId
-}) {
-  return /* @__PURE__ */ jsxs(
-    "section",
-    {
-      className: cn("flex min-w-0 flex-col gap-1", className),
-      "data-slot": "recent-list",
-      "data-testid": testId,
-      children: [
-        /* @__PURE__ */ jsx(
-          SectionHeader,
-          {
-            icon,
-            title,
-            count,
-            onOpen,
-            openHref,
-            openTestId: testId && `${testId}-open`,
-            action
-          }
-        ),
-        rows.length === 0 ? empty?.onSelect ? /* @__PURE__ */ jsx(
-          EmptyStrip,
-          {
-            icon: empty.icon,
-            label: empty.label,
-            description: empty.description,
-            onSelect: empty.onSelect,
-            testId: testId && `${testId}-empty-action`
-          }
-        ) : /* @__PURE__ */ jsx("p", { className: "px-1 py-3 text-sm text-muted-foreground", children: empty?.description ?? empty?.label }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          caption && /* @__PURE__ */ jsx("p", { className: "sr-only", "data-testid": testId && `${testId}-caption`, children: caption }),
-          /* @__PURE__ */ jsx("ul", { children: rows.map((row) => /* @__PURE__ */ jsxs(
-            "li",
-            {
-              className: "relative flex items-center rounded-md transition-colors [&:hover]:bg-muted has-[:focus-visible]:bg-muted",
-              "data-slot": "recent-row",
-              children: [
-                /* @__PURE__ */ jsxs(
-                  ActionLink,
-                  {
-                    href: row.href,
-                    onSelect: row.onSelect,
-                    title: row.title,
-                    className: cn(
-                      "flex min-w-0 flex-1 items-start gap-3 rounded-md px-3 py-2 text-left focus-visible:outline-none",
-                      row.onSelect && "cursor-pointer",
-                      "pointer-coarse:min-h-11"
-                    ),
-                    "data-testid": testId && `${testId}-row`,
-                    children: [
-                      row.leading,
-                      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-                        /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2", children: [
-                          /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-sm font-medium text-foreground", children: row.title }),
-                          !row.trailing && row.time && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: row.time })
-                        ] }),
-                        row.subtitle && /* @__PURE__ */ jsx("p", { className: "mt-0.5 truncate text-xs text-muted-foreground", children: row.subtitle })
-                      ] })
-                    ]
-                  }
-                ),
-                row.trailing ? /* @__PURE__ */ jsx("div", { className: "shrink-0 pr-3", children: row.trailing }) : null
-              ]
-            },
-            row.id
-          )) })
-        ] })
-      ]
-    }
-  );
-}
-function FactsStrip({
-  icon,
-  title,
-  count,
-  onOpen,
-  action,
-  groups,
-  empty,
-  className,
-  testId
-}) {
-  const filled = groups.filter((g) => g.rows.length > 0);
-  return /* @__PURE__ */ jsxs(
-    "section",
-    {
-      className: cn("flex min-w-0 flex-col gap-1", className),
-      "data-slot": "facts-strip",
-      "data-testid": testId,
-      children: [
-        /* @__PURE__ */ jsx(
-          SectionHeader,
-          {
-            icon,
-            title,
-            count,
-            onOpen,
-            openTestId: testId && `${testId}-open`,
-            action
-          }
-        ),
-        filled.length === 0 ? empty && /* @__PURE__ */ jsx(
-          EmptyStrip,
-          {
-            icon: empty.icon,
-            label: empty.label,
-            description: empty.description,
-            onSelect: empty.onSelect,
-            testId: empty.testId
-          }
-        ) : filled.map((group) => /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx("p", { className: "px-3 pb-1 pt-1 text-right text-xs text-muted-foreground", children: group.caption }),
-          /* @__PURE__ */ jsx("ul", { children: group.rows.map((row) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: row.onSelect,
-              title: row.title,
-              className: "flex w-full min-w-0 items-center gap-3 rounded-md px-3 py-2 text-left transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [&:hover]:bg-muted pointer-coarse:min-h-11",
-              "data-testid": group.rowTestId ?? (testId && `${testId}-row`),
-              children: [
-                row.leading,
-                /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-sm text-foreground", children: row.title }),
-                row.time && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: row.time })
-              ]
-            }
-          ) }, row.id)) })
-        ] }, group.caption))
-      ]
-    }
-  );
-}
 var DEFAULT_GETTING_STARTED_STRIP_LABELS = {
   allSet: (firstName) => `You\u2019re all set${firstName ? `, ${firstName}` : ""}!`,
   finished: (stepCount) => `You\u2019ve finished the ${stepCount} getting-started steps \u2014 explore away.`,
@@ -551,229 +367,7 @@ function CardHeaderBar({
     }
   );
 }
-var DASHBOARD_QUIET_ACTION_CLASS = "h-8 gap-1.5 px-2 text-sm bg-transparent text-muted-foreground hover:bg-muted hover:text-foreground pointer-coarse:h-11";
-function DashboardRoot({
-  testId,
-  className,
-  children
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "dashboard",
-      "data-testid": testId,
-      className: cn("flex flex-col gap-6", className),
-      children
-    }
-  );
-}
-function DashboardBand({
-  kind,
-  children
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "dashboard-band",
-      "data-kind": kind,
-      className: kind === "start" ? "mt-2" : "mt-4 flex flex-col gap-3",
-      children
-    }
-  );
-}
-function DashboardColumns({ children }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "dashboard-columns", className: "grid gap-8 @2xl:grid-cols-2", children });
-}
-function FactMark() {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      "data-slot": "fact-mark",
-      className: "mx-1 size-1.5 shrink-0 rounded-full bg-muted-foreground/40",
-      "aria-hidden": true
-    }
-  );
-}
-function DashboardAction({ emphasis, icon, label, onClick, testId }) {
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      variant: emphasis === "primary" ? "default" : "ghost",
-      size: "sm",
-      className: emphasis === "primary" ? "h-8 gap-1.5 px-3 text-sm pointer-coarse:h-11" : DASHBOARD_QUIET_ACTION_CLASS,
-      onClick,
-      "data-testid": testId,
-      children: [
-        icon,
-        label
-      ]
-    }
-  );
-}
-function PlainBandTitle({
-  title,
-  count,
-  hint
-}) {
-  return /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", "data-slot": "band-title", children: [
-    /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-semibold text-foreground", children: title }),
-    /* @__PURE__ */ jsx("span", { className: "text-sm tabular-nums text-muted-foreground", children: count }),
-    hint && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: hint })
-  ] });
-}
-function ProjectBandTitle({
-  name,
-  count,
-  nameTestId,
-  breakdown,
-  readout
-}) {
-  return /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1", "data-slot": "band-title", children: [
-    /* @__PURE__ */ jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-semibold text-foreground", "data-testid": nameTestId, children: name }) }),
-      breakdown && /* @__PURE__ */ jsx(TooltipContent, { side: "top", children: breakdown })
-    ] }),
-    /* @__PURE__ */ jsx("span", { className: "text-sm tabular-nums text-muted-foreground", children: count }),
-    readout
-  ] });
-}
-function ProjectBreakdown({ name, badge, meters, dailyCap }) {
-  return /* @__PURE__ */ jsxs("div", { className: "w-64 space-y-2.5", "data-slot": "project-breakdown", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground", children: name }),
-      badge
-    ] }),
-    meters && /* @__PURE__ */ jsxs("div", { className: "space-y-2.5 border-t border-border/50 pt-2.5", children: [
-      meters,
-      dailyCap && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-6 text-xs", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: dailyCap.label }),
-        /* @__PURE__ */ jsx("span", { className: "font-medium tabular-nums text-foreground", children: dailyCap.value })
-      ] })
-    ] })
-  ] });
-}
-function ProjectReadout({ plan, usageLabel = "Usage:", usage }) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    plan && /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: "flex items-center whitespace-nowrap",
-        "data-testid": plan.testId,
-        "data-slot": "project-plan",
-        children: plan.badge
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      "span",
-      {
-        className: "flex items-center gap-1.5 text-sm text-muted-foreground",
-        "data-testid": usage.testId,
-        "data-slot": "project-usage",
-        children: [
-          /* @__PURE__ */ jsx("span", { children: usageLabel }),
-          usage.node
-        ]
-      }
-    )
-  ] });
-}
-function GridWithSelectionBar({
-  className,
-  grid,
-  bar
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn("flex h-full min-h-0 flex-col", className),
-      "data-slot": "grid-with-selection-bar",
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "relative min-h-0 flex-1", children: grid }),
-        bar
-      ]
-    }
-  );
-}
-function BulkDeleteButton({
-  count,
-  isCompact,
-  disabled,
-  onClick,
-  label = "Delete"
-}) {
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      variant: "outline",
-      size: "sm",
-      onClick,
-      disabled,
-      title: label,
-      className: "border-destructive/30 text-destructive hover:bg-destructive hover:text-destructive-foreground pointer-coarse:h-11",
-      children: [
-        /* @__PURE__ */ jsx(Trash2, { className: "size-4" }),
-        isCompact ? /* @__PURE__ */ jsx("span", { className: "sr-only", children: label }) : /* @__PURE__ */ jsxs("span", { className: "ml-1", children: [
-          label,
-          " ",
-          count > 0 ? `(${count})` : ""
-        ] })
-      ]
-    }
-  );
-}
-function GridCellRow({ testId, children }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "grid-cell-row", "data-testid": testId, className: "flex items-center", children });
-}
-function EmptyCellDash() {
-  return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", "aria-label": "None", children: "\u2014" });
-}
-function HomeFrame({
-  testId = "home-page",
-  children
-}) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "home-frame", "data-testid": testId, className: "flex h-full flex-col", children });
-}
-function HomeMain({ children }) {
-  return /* @__PURE__ */ jsx(
-    "main",
-    {
-      "data-slot": "home-main",
-      className: "min-h-0 min-w-sidebar flex-1 overflow-hidden bg-background",
-      children
-    }
-  );
-}
-function HomeCenteredScroll({ children }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "home-scroll", className: "h-full overflow-y-auto", children: /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-6xl", children }) });
-}
-function HomeCenteredColumn({
-  className,
-  children
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "home-column",
-      className: cn("mx-auto h-full max-w-6xl px-4 pb-4 sm:px-8", className),
-      children
-    }
-  );
-}
-function HomeLoadError({
-  title,
-  body,
-  testId
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "home-load-error",
-      className: "flex h-full flex-col items-center justify-center p-8",
-      children: /* @__PURE__ */ jsx("div", { className: "w-full max-w-md", children: /* @__PURE__ */ jsx(Callout, { variant: "danger", title, body, testId }) })
-    }
-  );
-}
 
-export { ActionMenuDialog, BulkDeleteButton, CardHeaderBar, CreateTile, DASHBOARD_QUIET_ACTION_CLASS, DEFAULT_GETTING_STARTED_STRIP_LABELS, DashboardAction, DashboardBand, DashboardColumns, DashboardRoot, EmptyCellDash, FactMark, FactsStrip, GettingStartedStrip, Greeting, GridCellRow, GridWithSelectionBar, HomeCenteredColumn, HomeCenteredScroll, HomeFrame, HomeLoadError, HomeMain, PlainBandTitle, ProjectBandTitle, ProjectBreakdown, ProjectReadout, RecentList };
+export { ActionMenuDialog, CardHeaderBar, DEFAULT_GETTING_STARTED_STRIP_LABELS, GettingStartedStrip, Greeting };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map