@arbidocs/blocks 0.3.184 → 0.4.0

package/dist/chunk-LGBAZD37.js

@@ -0,0 +1,341 @@
+"use client";
+import { ChevronRight, GripVertical, ArrowDownFromLine, ArrowUpFromLine } from 'lucide-react';
+import { cn, Tooltip, TooltipTrigger, TooltipContent } from '@arbidocs/react/ui';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useSortable } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+
+// src/home/CollapsibleSection.tsx
+var DEFAULT_COLLAPSIBLE_SECTION_LABELS = {
+  collapseSection: "Collapse section",
+  expandSection: "Expand section"
+};
+function CollapsibleSection({
+  title,
+  icon,
+  isExpanded,
+  onToggle,
+  children,
+  count,
+  hasActiveFilters = false,
+  expandWhenEmpty = false,
+  childrenClassName,
+  headerClassName,
+  className,
+  rightContent,
+  collapsible = true,
+  onHeaderClick,
+  labels
+}) {
+  const l = { ...DEFAULT_COLLAPSIBLE_SECTION_LABELS, ...labels };
+  const hasCount = count !== void 0;
+  const shouldBeExpanded = !collapsible ? true : hasCount ? count > 0 ? isExpanded : expandWhenEmpty && isExpanded : isExpanded;
+  const hasContent = hasCount ? count > 0 || expandWhenEmpty : true;
+  const chevron = /* @__PURE__ */ jsx(
+    ChevronRight,
+    {
+      className: cn("size-4 shrink-0 transition-transform", shouldBeExpanded && "rotate-90")
+    }
+  );
+  const titleBlock = /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+    icon,
+    typeof title === "string" ? title && /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap", children: title }) : title,
+    hasCount && /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "ml-1 text-xs tabular-nums",
+          hasActiveFilters ? "rounded-full bg-primary px-1.5 font-medium text-primary-foreground" : "font-normal text-muted-foreground"
+        ),
+        children: count
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsxs("div", { className: cn("w-full", className), "data-slot": "collapsible-section", children: [
+    onHeaderClick ? /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "button",
+        tabIndex: 0,
+        onClick: onHeaderClick,
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            onHeaderClick();
+          }
+        },
+        className: cn(
+          "mb-4 flex cursor-pointer items-center justify-between gap-2 font-semibold pointer-coarse:min-h-11 transition-colors hover:bg-muted/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          headerClassName
+        ),
+        "data-slot": "collapsible-section-header",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2 text-left", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                "aria-expanded": shouldBeExpanded,
+                "aria-label": shouldBeExpanded ? l.collapseSection : l.expandSection,
+                disabled: !hasContent,
+                onClick: (e) => {
+                  e.stopPropagation();
+                  if (hasContent) onToggle();
+                },
+                className: "-ml-0.5 shrink-0 rounded-md p-0.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-40 pointer-coarse:p-3.5",
+                children: chevron
+              }
+            ),
+            titleBlock
+          ] }),
+          rightContent && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center", children: rightContent })
+        ]
+      }
+    ) : !collapsible ? /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn("mb-4 flex items-center justify-between", headerClassName),
+        "data-slot": "collapsible-section-header",
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "flex min-w-0 items-center gap-2 text-left font-medium", children: titleBlock }),
+          rightContent && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center", children: rightContent })
+        ]
+      }
+    ) : /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn("mb-4 flex items-center justify-between", headerClassName),
+        "data-slot": "collapsible-section-header",
+        children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              role: "button",
+              tabIndex: hasContent ? 0 : -1,
+              "aria-expanded": shouldBeExpanded,
+              "aria-disabled": !hasContent,
+              onClick: hasContent ? onToggle : void 0,
+              onKeyDown: hasContent ? (e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                  e.preventDefault();
+                  onToggle();
+                }
+              } : void 0,
+              className: cn(
+                "touch-hit flex min-w-0 items-center gap-2 rounded-md text-left font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                hasContent ? "cursor-pointer hover:text-muted-foreground" : "cursor-default opacity-60"
+              ),
+              children: [
+                chevron,
+                titleBlock
+              ]
+            }
+          ),
+          rightContent && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center", children: rightContent })
+        ]
+      }
+    ),
+    shouldBeExpanded && /* @__PURE__ */ jsx("div", { className: childrenClassName ?? "mb-8 flex flex-wrap justify-start gap-6", children })
+  ] });
+}
+var DEFAULT_KEY_VALUE_ROW_LABELS = {
+  hideField: "Hide this field",
+  showField: "Show this field",
+  dragToReorder: "Drag to reorder"
+};
+function KeyValueContainer({
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("@container", className), children });
+}
+function RowControlButton({
+  onClick,
+  label,
+  icon
+}) {
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick,
+        "aria-label": label,
+        className: "flex size-5 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:size-11",
+        children: icon
+      }
+    ) }),
+    /* @__PURE__ */ jsx(TooltipContent, { side: "top", children: /* @__PURE__ */ jsx("p", { children: label }) })
+  ] });
+}
+function RowBody({
+  grip,
+  icon,
+  htmlFor,
+  labelSlot,
+  label,
+  children,
+  onHide,
+  onShow,
+  labels
+}) {
+  const LabelText = htmlFor ? "label" : "span";
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1 py-1.5 @[400px]:flex-row @[400px]:items-start @[400px]:gap-4", children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex w-full shrink-0 items-center gap-1 @[400px]:w-44 @[400px]:pt-2",
+        "data-slot": "key-value-label",
+        children: [
+          grip,
+          onHide && /* @__PURE__ */ jsx(
+            RowControlButton,
+            {
+              onClick: onHide,
+              label: labels.hideField,
+              icon: /* @__PURE__ */ jsx(ArrowDownFromLine, { className: "size-3.5" })
+            }
+          ),
+          onShow && /* @__PURE__ */ jsx(
+            RowControlButton,
+            {
+              onClick: onShow,
+              label: labels.showField,
+              icon: /* @__PURE__ */ jsx(ArrowUpFromLine, { className: "size-3.5 text-primary" })
+            }
+          ),
+          labelSlot ?? /* @__PURE__ */ jsxs("span", { className: "inline-flex min-w-0 items-center gap-1.5", children: [
+            icon && /* @__PURE__ */ jsx("span", { className: "inline-flex shrink-0 items-center justify-center text-muted-foreground/60", children: icon }),
+            /* @__PURE__ */ jsx(
+              LabelText,
+              {
+                ...htmlFor ? { htmlFor } : null,
+                className: "truncate text-sm font-medium text-muted-foreground",
+                children: label
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", "data-slot": "key-value-value", children })
+  ] });
+}
+var ROW_CLASS = "group flex items-start rounded-md pl-1 pr-1.5 transition-colors hover:bg-muted/50";
+function SortableKeyValueRow({
+  sortableId,
+  label,
+  icon,
+  htmlFor,
+  labelSlot,
+  children,
+  className,
+  testId,
+  onHide,
+  onShow,
+  labels
+}) {
+  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({
+    id: sortableId
+  });
+  const grip = /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": labels.dragToReorder,
+        className: "flex size-5 shrink-0 cursor-grab touch-none items-center justify-center rounded-md text-muted-foreground/60 transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring active:cursor-grabbing pointer-coarse:size-11",
+        ...attributes,
+        ...listeners,
+        children: /* @__PURE__ */ jsx(GripVertical, { className: "size-3.5" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(TooltipContent, { side: "top", children: /* @__PURE__ */ jsx("p", { children: labels.dragToReorder }) })
+  ] });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: setNodeRef,
+      style: {
+        transform: CSS.Transform.toString(transform),
+        transition,
+        opacity: isDragging ? 0 : 1
+      },
+      className: cn(ROW_CLASS, className),
+      "data-slot": "key-value-row",
+      "data-testid": testId,
+      children: /* @__PURE__ */ jsx(
+        RowBody,
+        {
+          grip,
+          icon,
+          htmlFor,
+          labelSlot,
+          label,
+          onHide,
+          onShow,
+          labels,
+          children
+        }
+      )
+    }
+  );
+}
+function KeyValueRow({
+  label,
+  icon,
+  htmlFor,
+  labelSlot,
+  children,
+  className,
+  "data-testid": testId,
+  sortableId,
+  onHide,
+  onShow,
+  labels
+}) {
+  const mergedLabels = { ...DEFAULT_KEY_VALUE_ROW_LABELS, ...labels };
+  if (sortableId) {
+    return /* @__PURE__ */ jsx(
+      SortableKeyValueRow,
+      {
+        sortableId,
+        label,
+        icon,
+        htmlFor,
+        labelSlot,
+        className,
+        testId,
+        onHide,
+        onShow,
+        labels: mergedLabels,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(ROW_CLASS, onShow && "opacity-60", className),
+      "data-slot": "key-value-row",
+      "data-testid": testId,
+      children: /* @__PURE__ */ jsx(
+        RowBody,
+        {
+          grip: null,
+          icon,
+          htmlFor,
+          labelSlot,
+          label,
+          onShow,
+          labels: mergedLabels,
+          children
+        }
+      )
+    }
+  );
+}
+
+export { CollapsibleSection, DEFAULT_COLLAPSIBLE_SECTION_LABELS, DEFAULT_KEY_VALUE_ROW_LABELS, KeyValueContainer, KeyValueRow };
+//# sourceMappingURL=chunk-LGBAZD37.js.map
+//# sourceMappingURL=chunk-LGBAZD37.js.map

package/dist/chunk-LGBAZD37.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/home/CollapsibleSection.tsx","../src/home/KeyValueRow.tsx"],"names":["jsx","cn","jsxs"],"mappings":"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","file":"chunk-LGBAZD37.js","sourcesContent":["import type { ReactNode } from 'react'\nimport { ChevronRight } from 'lucide-react'\nimport { cn } from '@arbidocs/react/ui'\n\n/** Fixed strings of the section header. */\nexport interface CollapsibleSectionLabels {\n  /** The chevron button's name (only with `onHeaderClick`). */\n  collapseSection: string\n  expandSection: string\n}\n\nexport const DEFAULT_COLLAPSIBLE_SECTION_LABELS: CollapsibleSectionLabels = {\n  collapseSection: 'Collapse section',\n  expandSection: 'Expand section',\n}\n\nexport interface CollapsibleSectionProps {\n  /** The section's heading. A node, so callers can add badges or tooltips. */\n  title: ReactNode\n  /** Leading glyph before the title. */\n  icon?: ReactNode\n  isExpanded: boolean\n  onToggle: () => void\n  children: ReactNode\n  /** Count badge beside the title. When 0 the section cannot expand (unless `expandWhenEmpty`). */\n  count?: number\n  /** The count badge is filled (a filter is active). */\n  hasActiveFilters?: boolean\n  expandWhenEmpty?: boolean\n  /** Class for the body wrapper. */\n  childrenClassName?: string\n  headerClassName?: string\n  className?: string\n  /** Trailing header content. */\n  rightContent?: ReactNode\n  /** When false the section is always open: no chevron, a plain header. */\n  collapsible?: boolean\n  /**\n   * When set, the whole header is one click target firing this (e.g. open a\n   * detail panel) and the chevron becomes its own separate toggle.\n   */\n  onHeaderClick?: () => void\n  labels?: Partial<CollapsibleSectionLabels>\n}\n\n/**\n * A section with a chevron toggle, title, optional count and body. The header\n * is a `role=\"button\"` div (not a native button) because `title`/`rightContent`\n * may hold interactive nodes such as tooltip triggers; a button inside a button\n * is invalid HTML.\n */\nexport function CollapsibleSection({\n  title,\n  icon,\n  isExpanded,\n  onToggle,\n  children,\n  count,\n  hasActiveFilters = false,\n  expandWhenEmpty = false,\n  childrenClassName,\n  headerClassName,\n  className,\n  rightContent,\n  collapsible = true,\n  onHeaderClick,\n  labels,\n}: CollapsibleSectionProps) {\n  const l = { ...DEFAULT_COLLAPSIBLE_SECTION_LABELS, ...labels }\n  const hasCount = count !== undefined\n  const shouldBeExpanded = !collapsible\n    ? true\n    : hasCount\n      ? count > 0\n        ? isExpanded\n        : expandWhenEmpty && isExpanded\n      : isExpanded\n  const hasContent = hasCount ? count > 0 || expandWhenEmpty : true\n\n  const chevron = (\n    <ChevronRight\n      className={cn('size-4 shrink-0 transition-transform', shouldBeExpanded && 'rotate-90')}\n    />\n  )\n  const titleBlock = (\n    <div className=\"flex min-w-0 items-center gap-2\">\n      {icon}\n      {typeof title === 'string'\n        ? title && <span className=\"whitespace-nowrap\">{title}</span>\n        : title}\n      {hasCount && (\n        <span\n          className={cn(\n            'ml-1 text-xs tabular-nums',\n            hasActiveFilters\n              ? 'rounded-full bg-primary px-1.5 font-medium text-primary-foreground'\n              : 'font-normal text-muted-foreground'\n          )}\n        >\n          {count}\n        </span>\n      )}\n    </div>\n  )\n\n  return (\n    <div className={cn('w-full', className)} data-slot=\"collapsible-section\">\n      {onHeaderClick ? (\n        <div\n          role=\"button\"\n          tabIndex={0}\n          onClick={onHeaderClick}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter' || e.key === ' ') {\n              e.preventDefault()\n              onHeaderClick()\n            }\n          }}\n          className={cn(\n            'mb-4 flex cursor-pointer items-center justify-between gap-2 font-semibold pointer-coarse:min-h-11 transition-colors hover:bg-muted/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n            headerClassName\n          )}\n          data-slot=\"collapsible-section-header\"\n        >\n          <div className=\"flex min-w-0 items-center gap-2 text-left\">\n            <button\n              type=\"button\"\n              aria-expanded={shouldBeExpanded}\n              aria-label={shouldBeExpanded ? l.collapseSection : l.expandSection}\n              disabled={!hasContent}\n              onClick={(e) => {\n                e.stopPropagation()\n                if (hasContent) onToggle()\n              }}\n              className=\"-ml-0.5 shrink-0 rounded-md p-0.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-40 pointer-coarse:p-3.5\"\n            >\n              {chevron}\n            </button>\n            {titleBlock}\n          </div>\n          {rightContent && <div className=\"flex shrink-0 items-center\">{rightContent}</div>}\n        </div>\n      ) : !collapsible ? (\n        <div\n          className={cn('mb-4 flex items-center justify-between', headerClassName)}\n          data-slot=\"collapsible-section-header\"\n        >\n          <div className=\"flex min-w-0 items-center gap-2 text-left font-medium\">{titleBlock}</div>\n          {rightContent && <div className=\"flex shrink-0 items-center\">{rightContent}</div>}\n        </div>\n      ) : (\n        <div\n          className={cn('mb-4 flex items-center justify-between', headerClassName)}\n          data-slot=\"collapsible-section-header\"\n        >\n          <div\n            role=\"button\"\n            tabIndex={hasContent ? 0 : -1}\n            aria-expanded={shouldBeExpanded}\n            aria-disabled={!hasContent}\n            onClick={hasContent ? onToggle : undefined}\n            onKeyDown={\n              hasContent\n                ? (e) => {\n                    if (e.key === 'Enter' || e.key === ' ') {\n                      e.preventDefault()\n                      onToggle()\n                    }\n                  }\n                : undefined\n            }\n            className={cn(\n              'touch-hit flex min-w-0 items-center gap-2 rounded-md text-left font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n              hasContent\n                ? 'cursor-pointer hover:text-muted-foreground'\n                : 'cursor-default opacity-60'\n            )}\n          >\n            {chevron}\n            {titleBlock}\n          </div>\n          {rightContent && <div className=\"flex shrink-0 items-center\">{rightContent}</div>}\n        </div>\n      )}\n      {shouldBeExpanded && (\n        <div className={childrenClassName ?? 'mb-8 flex flex-wrap justify-start gap-6'}>\n          {children}\n        </div>\n      )}\n    </div>\n  )\n}\n","import type { ReactNode } from 'react'\nimport { useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport { ArrowDownFromLine, ArrowUpFromLine, GripVertical } from 'lucide-react'\nimport { Tooltip, TooltipContent, TooltipTrigger, cn } from '@arbidocs/react/ui'\n\n/** Fixed strings of the row controls. */\nexport interface KeyValueRowLabels {\n  hideField: string\n  showField: string\n  dragToReorder: string\n}\n\nexport const DEFAULT_KEY_VALUE_ROW_LABELS: KeyValueRowLabels = {\n  hideField: 'Hide this field',\n  showField: 'Show this field',\n  dragToReorder: 'Drag to reorder',\n}\n\nexport interface KeyValueRowProps {\n  /** Label text; also the accessible name when `labelSlot` replaces it visually. */\n  label: string\n  /** Glyph before the label. */\n  icon?: ReactNode\n  /** Id of the control in the value: renders the label as a real `<label for>`. */\n  htmlFor?: string\n  /** Replaces the icon + label (e.g. a tag pill that is itself the label). */\n  labelSlot?: ReactNode\n  /** The value, on the right (or below the label when the container is narrow). */\n  children: ReactNode\n  className?: string\n  'data-testid'?: string\n  /** Enables drag reordering; requires a parent `DndContext` + `SortableContext`. */\n  sortableId?: string\n  /** Shows a \"hide this field\" control on the label line. */\n  onHide?: () => void\n  /** Shows a \"show this field\" control (for hidden rows, rendered dimmed). */\n  onShow?: () => void\n  labels?: Partial<KeyValueRowLabels>\n}\n\n/**\n * Wrap rows in this to switch on container-query responsiveness: a row stacks\n * its label above its value in a narrow container and goes side by side when\n * wider, by the container's width and not the viewport's.\n */\nexport function KeyValueContainer({\n  children,\n  className,\n}: {\n  children: ReactNode\n  className?: string\n}) {\n  return <div className={cn('@container', className)}>{children}</div>\n}\n\n/** Small square control, sized to sit on the label line (44px on touch). */\nfunction RowControlButton({\n  onClick,\n  label,\n  icon,\n}: {\n  onClick: () => void\n  label: string\n  icon: ReactNode\n}) {\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <button\n          type=\"button\"\n          onClick={onClick}\n          aria-label={label}\n          className=\"flex size-5 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:size-11\"\n        >\n          {icon}\n        </button>\n      </TooltipTrigger>\n      <TooltipContent side=\"top\">\n        <p>{label}</p>\n      </TooltipContent>\n    </Tooltip>\n  )\n}\n\ninterface RowBodyProps {\n  grip: ReactNode\n  icon?: ReactNode\n  htmlFor?: string\n  labelSlot?: ReactNode\n  label: string\n  children: ReactNode\n  onHide?: () => void\n  onShow?: () => void\n  labels: KeyValueRowLabels\n}\n\n/**\n * The shared row body: a label line (grip + hide/show + icon/label) beside the\n * value. Controls sit on the label's line so they align with the label even\n * when the value is a tall multi-line field.\n */\nfunction RowBody({\n  grip,\n  icon,\n  htmlFor,\n  labelSlot,\n  label,\n  children,\n  onHide,\n  onShow,\n  labels,\n}: RowBodyProps) {\n  const LabelText = htmlFor ? 'label' : 'span'\n  return (\n    <div className=\"flex min-w-0 flex-1 flex-col gap-1 py-1.5 @[400px]:flex-row @[400px]:items-start @[400px]:gap-4\">\n      <div\n        className=\"flex w-full shrink-0 items-center gap-1 @[400px]:w-44 @[400px]:pt-2\"\n        data-slot=\"key-value-label\"\n      >\n        {grip}\n        {onHide && (\n          <RowControlButton\n            onClick={onHide}\n            label={labels.hideField}\n            icon={<ArrowDownFromLine className=\"size-3.5\" />}\n          />\n        )}\n        {onShow && (\n          <RowControlButton\n            onClick={onShow}\n            label={labels.showField}\n            icon={<ArrowUpFromLine className=\"size-3.5 text-primary\" />}\n          />\n        )}\n        {labelSlot ?? (\n          <span className=\"inline-flex min-w-0 items-center gap-1.5\">\n            {icon && (\n              <span className=\"inline-flex shrink-0 items-center justify-center text-muted-foreground/60\">\n                {icon}\n              </span>\n            )}\n            <LabelText\n              {...(htmlFor ? { htmlFor } : null)}\n              className=\"truncate text-sm font-medium text-muted-foreground\"\n            >\n              {label}\n            </LabelText>\n          </span>\n        )}\n      </div>\n      <div className=\"min-w-0 flex-1\" data-slot=\"key-value-value\">\n        {children}\n      </div>\n    </div>\n  )\n}\n\nconst ROW_CLASS =\n  'group flex items-start rounded-md pl-1 pr-1.5 transition-colors hover:bg-muted/50'\n\ntype SortableRowProps = Omit<KeyValueRowProps, 'data-testid' | 'labels'> & {\n  labels: KeyValueRowLabels\n  sortableId: string\n  testId?: string\n}\n\nfunction SortableKeyValueRow({\n  sortableId,\n  label,\n  icon,\n  htmlFor,\n  labelSlot,\n  children,\n  className,\n  testId,\n  onHide,\n  onShow,\n  labels,\n}: SortableRowProps) {\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n    id: sortableId,\n  })\n\n  const grip = (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <button\n          type=\"button\"\n          aria-label={labels.dragToReorder}\n          className=\"flex size-5 shrink-0 cursor-grab touch-none items-center justify-center rounded-md text-muted-foreground/60 transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring active:cursor-grabbing pointer-coarse:size-11\"\n          {...attributes}\n          {...listeners}\n        >\n          <GripVertical className=\"size-3.5\" />\n        </button>\n      </TooltipTrigger>\n      <TooltipContent side=\"top\">\n        <p>{labels.dragToReorder}</p>\n      </TooltipContent>\n    </Tooltip>\n  )\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={{\n        transform: CSS.Transform.toString(transform),\n        transition,\n        opacity: isDragging ? 0 : 1,\n      }}\n      className={cn(ROW_CLASS, className)}\n      data-slot=\"key-value-row\"\n      data-testid={testId}\n    >\n      <RowBody\n        grip={grip}\n        icon={icon}\n        htmlFor={htmlFor}\n        labelSlot={labelSlot}\n        label={label}\n        onHide={onHide}\n        onShow={onShow}\n        labels={labels}\n      >\n        {children}\n      </RowBody>\n    </div>\n  )\n}\n\n/**\n * A label/value row for forms, settings and detail views. Optionally sortable\n * (drag handle) and hideable (hide/show controls), all visible without hover.\n */\nexport function KeyValueRow({\n  label,\n  icon,\n  htmlFor,\n  labelSlot,\n  children,\n  className,\n  'data-testid': testId,\n  sortableId,\n  onHide,\n  onShow,\n  labels,\n}: KeyValueRowProps) {\n  const mergedLabels = { ...DEFAULT_KEY_VALUE_ROW_LABELS, ...labels }\n  if (sortableId) {\n    return (\n      <SortableKeyValueRow\n        sortableId={sortableId}\n        label={label}\n        icon={icon}\n        htmlFor={htmlFor}\n        labelSlot={labelSlot}\n        className={className}\n        testId={testId}\n        onHide={onHide}\n        onShow={onShow}\n        labels={mergedLabels}\n      >\n        {children}\n      </SortableKeyValueRow>\n    )\n  }\n\n  return (\n    <div\n      className={cn(ROW_CLASS, onShow && 'opacity-60', className)}\n      data-slot=\"key-value-row\"\n      data-testid={testId}\n    >\n      <RowBody\n        grip={null}\n        icon={icon}\n        htmlFor={htmlFor}\n        labelSlot={labelSlot}\n        label={label}\n        onShow={onShow}\n        labels={mergedLabels}\n      >\n        {children}\n      </RowBody>\n    </div>\n  )\n}\n"]}

package/dist/chunk-MHVNT4J3.cjs

@@ -0,0 +1,15 @@
+"use client";
+'use strict';
+
+// src/chat/test-id.ts
+function testIdOr(override, fallback) {
+  return override ?? fallback.testId;
+}
+function prefixedTestId(prefix, key, fallback, suffix = "") {
+  return prefix === void 0 ? fallback.testId : `${prefix}-${key}${suffix}`;
+}
+
+exports.prefixedTestId = prefixedTestId;
+exports.testIdOr = testIdOr;
+//# sourceMappingURL=chunk-MHVNT4J3.cjs.map
+//# sourceMappingURL=chunk-MHVNT4J3.cjs.map

package/dist/chunk-MHVNT4J3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/chat/test-id.ts"],"names":[],"mappings":";;;AAKO,SAAS,QAAA,CAAS,UAA8B,QAAA,EAAsC;AAC3F,EAAA,OAAO,YAAY,QAAA,CAAS,MAAA;AAC9B;AAOO,SAAS,cAAA,CACd,MAAA,EACA,GAAA,EACA,QAAA,EACA,SAAS,EAAA,EACD;AACR,EAAA,OAAO,MAAA,KAAW,SAAY,QAAA,CAAS,MAAA,GAAS,GAAG,MAAM,CAAA,CAAA,EAAI,GAAG,CAAA,EAAG,MAAM,CAAA,CAAA;AAC3E","file":"chunk-MHVNT4J3.cjs","sourcesContent":["/**\n * Resolve an overridable test id. The default is written at the call site as\n * `{ testId: 'literal-id' }` so the source keeps the literal id (the testid parity scanner\n * greps for `testId: '...'`).\n */\nexport function testIdOr(override: string | undefined, fallback: { testId: string }): string {\n  return override ?? fallback.testId\n}\n\n/**\n * Resolve an overridable id of a repeated element: `<prefix>-<key><suffix>`. The default is written\n * at the call site as a template, `{ testId: `row-${key}` }`, so the source keeps the id shape the\n * testid parity scanner greps for.\n */\nexport function prefixedTestId(\n  prefix: string | undefined,\n  key: string | number,\n  fallback: { testId: string },\n  suffix = ''\n): string {\n  return prefix === undefined ? fallback.testId : `${prefix}-${key}${suffix}`\n}\n"]}

package/dist/chunk-MMYCZRKT.cjs

@@ -0,0 +1,168 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var ui = require('@arbidocs/react/ui');
+
+// src/components/CollectionDetail.tsx
+function CollectionDetail({
+  items,
+  slug,
+  getSlug,
+  renderList,
+  renderDetail,
+  renderNotFound
+}) {
+  if (!slug) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderList(items) });
+  const index = items.findIndex((item) => getSlug(item) === slug);
+  if (index === -1) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderNotFound ? renderNotFound(slug) : /* @__PURE__ */ jsxRuntime.jsx("p", { role: "status", "data-slot": "collection-not-found", children: "Not found" }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderDetail(items[index], { previous: items[index - 1], next: items[index + 1] }) });
+}
+var W = 440;
+var H = 160;
+var PAD = { top: 8, right: 8, bottom: 22, left: 40 };
+var color = (i) => `hsl(var(--chart-${i % 5 + 1}))`;
+var defaultFormat = (v) => v >= 1e3 ? `${Math.round(v / 100) / 10}k` : String(v);
+function polar(cx, cy, r, angle) {
+  return [cx + r * Math.sin(angle), cy - r * Math.cos(angle)];
+}
+function Chart({
+  type,
+  labels,
+  series,
+  ariaLabel,
+  formatValue = defaultFormat,
+  hideLegend = false,
+  emptyLabel = "No data",
+  className,
+  testId
+}) {
+  const max = react.useMemo(() => Math.max(...series.flatMap((s) => s.values), 1), [series]);
+  if (!labels.length || !series.length) {
+    return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: emptyLabel });
+  }
+  const legendItems = type === "pie" ? labels.map((label, i) => ({ label, color: color(i) })) : series.map((s, i) => ({ label: s.label ?? s.key, color: color(i) }));
+  let body;
+  if (type === "pie") {
+    const values = series[0].values;
+    const total = values.reduce((a, b) => a + Math.max(b, 0), 0);
+    const cx = 80;
+    const cy = 80;
+    const r = 72;
+    let angle = 0;
+    body = /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 160 160", className: "mx-auto h-40 w-40", role: "img", "aria-label": ariaLabel, children: total > 0 && values.map((v, i) => {
+      const sweep = Math.max(v, 0) / total * Math.PI * 2;
+      if (sweep === 0) return null;
+      const title = `${labels[i]}: ${formatValue(v)}`;
+      if (sweep >= Math.PI * 2 - 1e-6) {
+        return /* @__PURE__ */ jsxRuntime.jsx("circle", { cx, cy, r, fill: color(i), children: /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }) }, i);
+      }
+      const [x1, y1] = polar(cx, cy, r, angle);
+      const [x2, y2] = polar(cx, cy, r, angle + sweep);
+      const d = `M${cx},${cy} L${x1},${y1} A${r},${r} 0 ${sweep > Math.PI ? 1 : 0} 1 ${x2},${y2} Z`;
+      angle += sweep;
+      return /* @__PURE__ */ jsxRuntime.jsx("path", { d, fill: color(i), children: /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }) }, i);
+    }) });
+  } else {
+    const plotW = W - PAD.left - PAD.right;
+    const plotH = H - PAD.top - PAD.bottom;
+    const y = (v) => PAD.top + plotH - v / max * plotH;
+    const band = plotW / labels.length;
+    const xCenter = (i) => PAD.left + band * i + band / 2;
+    body = /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: `0 0 ${W} ${H}`, className: "h-auto w-full", role: "img", "aria-label": ariaLabel, children: [
+      [0, max / 2, max].map((v) => /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "line",
+          {
+            x1: PAD.left,
+            x2: W - PAD.right,
+            y1: y(v),
+            y2: y(v),
+            className: "stroke-border",
+            strokeDasharray: "2,2"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "text",
+          {
+            x: PAD.left - 4,
+            y: y(v) + 3,
+            textAnchor: "end",
+            className: "fill-muted-foreground text-[9px]",
+            children: formatValue(v)
+          }
+        )
+      ] }, v)),
+      labels.map((label, i) => /* @__PURE__ */ jsxRuntime.jsx(
+        "text",
+        {
+          x: xCenter(i),
+          y: H - 6,
+          textAnchor: "middle",
+          className: "fill-muted-foreground text-[9px]",
+          children: label
+        },
+        i
+      )),
+      type === "bar" && series.map((s, si) => {
+        const barW = band * 0.7 / series.length;
+        return s.values.map((v, i) => /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            x: xCenter(i) - band * 0.7 / 2 + si * barW,
+            y: y(v),
+            width: barW,
+            height: PAD.top + plotH - y(v),
+            fill: color(si),
+            rx: 1.5,
+            children: /* @__PURE__ */ jsxRuntime.jsx("title", { children: `${labels[i]} ${s.label ?? s.key}: ${formatValue(v)}` })
+          },
+          `${s.key}-${i}`
+        ));
+      }),
+      type === "line" && series.map((s, si) => /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "polyline",
+          {
+            fill: "none",
+            stroke: color(si),
+            strokeWidth: 2,
+            points: s.values.map((v, i) => `${xCenter(i)},${y(v)}`).join(" ")
+          }
+        ),
+        s.values.map((v, i) => /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: xCenter(i), cy: y(v), r: 2.5, fill: color(si), children: /* @__PURE__ */ jsxRuntime.jsx("title", { children: `${labels[i]} ${s.label ?? s.key}: ${formatValue(v)}` }) }, i))
+      ] }, s.key))
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "figure",
+    {
+      className: ui.cn("flex flex-col gap-2", className),
+      "data-slot": "chart",
+      "data-type": type,
+      "data-testid": testId,
+      children: [
+        body,
+        !hideLegend && /* @__PURE__ */ jsxRuntime.jsx("figcaption", { className: "flex flex-wrap justify-center gap-x-4 gap-y-1 text-xs text-muted-foreground", children: legendItems.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "inline-block size-2 rounded-full",
+              style: { background: item.color }
+            }
+          ),
+          item.label
+        ] }, item.label)) })
+      ]
+    }
+  );
+}
+
+exports.Chart = Chart;
+exports.CollectionDetail = CollectionDetail;
+//# sourceMappingURL=chunk-MMYCZRKT.cjs.map
+//# sourceMappingURL=chunk-MMYCZRKT.cjs.map

package/dist/chunk-MMYCZRKT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CollectionDetail.tsx","../src/components/Chart.tsx"],"names":["jsx","Fragment","useMemo","jsxs","cn"],"mappings":"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","file":"chunk-MMYCZRKT.cjs","sourcesContent":["import type { ReactNode } from 'react'\n\nexport interface CollectionDetailContext<T> {\n  previous?: T\n  next?: T\n}\n\nexport interface CollectionDetailProps<T> {\n  /** The collection, supplied by the host (CMS, files, API...). */\n  items: T[]\n  /** The slug from the host's route. Absent: the list is rendered. */\n  slug?: string\n  getSlug: (item: T) => string\n  renderList: (items: T[]) => ReactNode\n  /** One item's page. `previous` / `next` are the neighbours in `items` order. */\n  renderDetail: (item: T, context: CollectionDetailContext<T>) => ReactNode\n  /** Shown when `slug` matches nothing. */\n  renderNotFound?: (slug: string) => ReactNode\n}\n\n/**\n * The list-and-detail page contract for a collection (people, articles, services...). It owns\n * only the slug lookup; the host owns the route, the data and every pixel of both views, so one\n * route (`/things/:slug?`) serves the list and each detail page.\n */\nexport function CollectionDetail<T>({\n  items,\n  slug,\n  getSlug,\n  renderList,\n  renderDetail,\n  renderNotFound,\n}: CollectionDetailProps<T>) {\n  if (!slug) return <>{renderList(items)}</>\n  const index = items.findIndex((item) => getSlug(item) === slug)\n  if (index === -1) {\n    return (\n      <>\n        {renderNotFound ? (\n          renderNotFound(slug)\n        ) : (\n          <p role=\"status\" data-slot=\"collection-not-found\">\n            Not found\n          </p>\n        )}\n      </>\n    )\n  }\n  return <>{renderDetail(items[index], { previous: items[index - 1], next: items[index + 1] })}</>\n}\n","import { useMemo } from 'react'\nimport { cn } from '@arbidocs/react/ui'\n\nexport interface ChartSeries {\n  key: string\n  /** Legend text (defaults to `key`). */\n  label?: string\n  /** One value per entry of `labels`. */\n  values: number[]\n}\n\nexport interface ChartProps {\n  type: 'bar' | 'line' | 'pie'\n  /** Category (x) labels. For `pie` they name the slices of the first series. */\n  labels: string[]\n  series: ChartSeries[]\n  /** Accessible description of the whole chart. */\n  ariaLabel: string\n  /** Formats values in axis ticks and slice titles. */\n  formatValue?: (value: number) => string\n  /** Hide the legend. */\n  hideLegend?: boolean\n  emptyLabel?: string\n  className?: string\n  testId?: string\n}\n\nconst W = 440\nconst H = 160\nconst PAD = { top: 8, right: 8, bottom: 22, left: 40 }\n\n/** Series colours come from the `--chart-1..5` theme tokens, so charts follow the host theme. */\nconst color = (i: number) => `hsl(var(--chart-${(i % 5) + 1}))`\n\nconst defaultFormat = (v: number) => (v >= 1000 ? `${Math.round(v / 100) / 10}k` : String(v))\n\nfunction polar(cx: number, cy: number, r: number, angle: number): [number, number] {\n  return [cx + r * Math.sin(angle), cy - r * Math.cos(angle)]\n}\n\n/**\n * Data-bound bar, line or pie chart in plain SVG. No chart library: it renders from props,\n * is themed by tokens and carries a text alternative (`ariaLabel`, slice and bar `<title>`s).\n */\nexport function Chart({\n  type,\n  labels,\n  series,\n  ariaLabel,\n  formatValue = defaultFormat,\n  hideLegend = false,\n  emptyLabel = 'No data',\n  className,\n  testId,\n}: ChartProps) {\n  const max = useMemo(() => Math.max(...series.flatMap((s) => s.values), 1), [series])\n  if (!labels.length || !series.length) {\n    return <p className=\"text-sm text-muted-foreground\">{emptyLabel}</p>\n  }\n\n  const legendItems =\n    type === 'pie'\n      ? labels.map((label, i) => ({ label, color: color(i) }))\n      : series.map((s, i) => ({ label: s.label ?? s.key, color: color(i) }))\n\n  let body\n  if (type === 'pie') {\n    const values = series[0].values\n    const total = values.reduce((a, b) => a + Math.max(b, 0), 0)\n    const cx = 80\n    const cy = 80\n    const r = 72\n    let angle = 0\n    body = (\n      <svg viewBox=\"0 0 160 160\" className=\"mx-auto h-40 w-40\" role=\"img\" aria-label={ariaLabel}>\n        {total > 0 &&\n          values.map((v, i) => {\n            const sweep = (Math.max(v, 0) / total) * Math.PI * 2\n            if (sweep === 0) return null\n            const title = `${labels[i]}: ${formatValue(v)}`\n            if (sweep >= Math.PI * 2 - 1e-6) {\n              return (\n                <circle key={i} cx={cx} cy={cy} r={r} fill={color(i)}>\n                  <title>{title}</title>\n                </circle>\n              )\n            }\n            const [x1, y1] = polar(cx, cy, r, angle)\n            const [x2, y2] = polar(cx, cy, r, angle + sweep)\n            const d = `M${cx},${cy} L${x1},${y1} A${r},${r} 0 ${sweep > Math.PI ? 1 : 0} 1 ${x2},${y2} Z`\n            angle += sweep\n            return (\n              <path key={i} d={d} fill={color(i)}>\n                <title>{title}</title>\n              </path>\n            )\n          })}\n      </svg>\n    )\n  } else {\n    const plotW = W - PAD.left - PAD.right\n    const plotH = H - PAD.top - PAD.bottom\n    const y = (v: number) => PAD.top + plotH - (v / max) * plotH\n    const band = plotW / labels.length\n    const xCenter = (i: number) => PAD.left + band * i + band / 2\n    body = (\n      <svg viewBox={`0 0 ${W} ${H}`} className=\"h-auto w-full\" role=\"img\" aria-label={ariaLabel}>\n        {[0, max / 2, max].map((v) => (\n          <g key={v}>\n            <line\n              x1={PAD.left}\n              x2={W - PAD.right}\n              y1={y(v)}\n              y2={y(v)}\n              className=\"stroke-border\"\n              strokeDasharray=\"2,2\"\n            />\n            <text\n              x={PAD.left - 4}\n              y={y(v) + 3}\n              textAnchor=\"end\"\n              className=\"fill-muted-foreground text-[9px]\"\n            >\n              {formatValue(v)}\n            </text>\n          </g>\n        ))}\n        {labels.map((label, i) => (\n          <text\n            key={i}\n            x={xCenter(i)}\n            y={H - 6}\n            textAnchor=\"middle\"\n            className=\"fill-muted-foreground text-[9px]\"\n          >\n            {label}\n          </text>\n        ))}\n        {type === 'bar' &&\n          series.map((s, si) => {\n            const barW = (band * 0.7) / series.length\n            return s.values.map((v, i) => (\n              <rect\n                key={`${s.key}-${i}`}\n                x={xCenter(i) - (band * 0.7) / 2 + si * barW}\n                y={y(v)}\n                width={barW}\n                height={PAD.top + plotH - y(v)}\n                fill={color(si)}\n                rx={1.5}\n              >\n                <title>{`${labels[i]} ${s.label ?? s.key}: ${formatValue(v)}`}</title>\n              </rect>\n            ))\n          })}\n        {type === 'line' &&\n          series.map((s, si) => (\n            <g key={s.key}>\n              <polyline\n                fill=\"none\"\n                stroke={color(si)}\n                strokeWidth={2}\n                points={s.values.map((v, i) => `${xCenter(i)},${y(v)}`).join(' ')}\n              />\n              {s.values.map((v, i) => (\n                <circle key={i} cx={xCenter(i)} cy={y(v)} r={2.5} fill={color(si)}>\n                  <title>{`${labels[i]} ${s.label ?? s.key}: ${formatValue(v)}`}</title>\n                </circle>\n              ))}\n            </g>\n          ))}\n      </svg>\n    )\n  }\n\n  return (\n    <figure\n      className={cn('flex flex-col gap-2', className)}\n      data-slot=\"chart\"\n      data-type={type}\n      data-testid={testId}\n    >\n      {body}\n      {!hideLegend && (\n        <figcaption className=\"flex flex-wrap justify-center gap-x-4 gap-y-1 text-xs text-muted-foreground\">\n          {legendItems.map((item) => (\n            <span key={item.label} className=\"inline-flex items-center gap-1.5\">\n              <span\n                aria-hidden=\"true\"\n                className=\"inline-block size-2 rounded-full\"\n                style={{ background: item.color }}\n              />\n              {item.label}\n            </span>\n          ))}\n        </figcaption>\n      )}\n    </figure>\n  )\n}\n"]}

package/dist/chunk-NBV56SGU.js

@@ -0,0 +1,42 @@
+"use client";
+import { Badge, cn, Tooltip, TooltipTrigger, TooltipContent } from '@arbidocs/react/ui';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/workspaces/WorkspaceBadges.tsx
+function RoleBadge({ label, badgeClass, className }) {
+  return /* @__PURE__ */ jsx(Badge, { variant: "default", "data-slot": "role-badge", className: cn(badgeClass, className), children: label });
+}
+function WorkspaceTypeBadgeView({
+  icon: Icon,
+  bgClass,
+  typeLabel,
+  showTooltip = false,
+  size = "md",
+  isSelected = false,
+  className
+}) {
+  const badge = /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "workspace-type-badge",
+      "data-testid": "workspace-type-badge",
+      className: cn(
+        "inline-flex shrink-0 rounded text-white",
+        bgClass,
+        size === "sm" ? "p-1" : "p-1.5",
+        isSelected && "border border-white",
+        className
+      ),
+      children: /* @__PURE__ */ jsx(Icon, { className: size === "sm" ? "size-3" : "size-3.5" })
+    }
+  );
+  if (!showTooltip) return badge;
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: badge }),
+    /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: typeLabel }) })
+  ] });
+}
+
+export { RoleBadge, WorkspaceTypeBadgeView };
+//# sourceMappingURL=chunk-NBV56SGU.js.map
+//# sourceMappingURL=chunk-NBV56SGU.js.map