@arbidocs/blocks 0.4.72 → 0.4.74

package/dist/chunk-XD2M6LIG.js

@@ -0,0 +1,41 @@
+"use client";
+import { ChevronDown } from 'lucide-react';
+import { Collapsible, CollapsibleTrigger, cn, CollapsibleContent } from '@arbidocs/react/ui';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/home/FoldSection.tsx
+function FoldSection({
+  label,
+  count = 0,
+  hint,
+  open,
+  onOpenChange,
+  testId,
+  children
+}) {
+  return /* @__PURE__ */ jsxs(Collapsible, { open, onOpenChange, "data-slot": "fold-section", children: [
+    /* @__PURE__ */ jsxs(
+      CollapsibleTrigger,
+      {
+        className: "mb-1.5 flex w-full items-center gap-1.5 rounded-md text-sm font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [&:hover]:text-muted-foreground pointer-coarse:min-h-11",
+        "data-testid": testId,
+        children: [
+          /* @__PURE__ */ jsx(
+            ChevronDown,
+            {
+              className: cn("size-4 shrink-0 transition-transform", !open && "-rotate-90")
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { children: label }),
+          count > 0 && /* @__PURE__ */ jsx("span", { className: "text-xs tabular-nums text-muted-foreground", children: count }),
+          hint && !open && /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-xs font-normal text-muted-foreground", children: hint })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(CollapsibleContent, { children })
+  ] });
+}
+
+export { FoldSection };
+//# sourceMappingURL=chunk-XD2M6LIG.js.map
+//# sourceMappingURL=chunk-XD2M6LIG.js.map

package/dist/chunk-XD2M6LIG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/home/FoldSection.tsx"],"names":[],"mappings":";;;;;AAsBO,SAAS,WAAA,CAAY;AAAA,EAC1B,KAAA;AAAA,EACA,KAAA,GAAQ,CAAA;AAAA,EACR,IAAA;AAAA,EACA,IAAA;AAAA,EACA,YAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAAqB;AACnB,EAAA,uBACE,IAAA,CAAC,WAAA,EAAA,EAAY,IAAA,EAAY,YAAA,EAA4B,aAAU,cAAA,EAC7D,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,kBAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,wMAAA;AAAA,QACV,aAAA,EAAa,MAAA;AAAA,QAEb,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,WAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA,CAAG,sCAAA,EAAwC,CAAC,QAAQ,YAAY;AAAA;AAAA,WAC7E;AAAA,0BACA,GAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,UACZ,QAAQ,CAAA,oBAAK,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8CAA8C,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,UACjF,QAAQ,CAAC,IAAA,wBACP,MAAA,EAAA,EAAK,SAAA,EAAU,8DAA8D,QAAA,EAAA,IAAA,EAAK;AAAA;AAAA;AAAA,KAEvF;AAAA,oBACA,GAAA,CAAC,sBAAoB,QAAA,EAAS;AAAA,GAAA,EAChC,CAAA;AAEJ","file":"chunk-XD2M6LIG.js","sourcesContent":["import type { ReactNode } from 'react'\nimport { ChevronDown } from 'lucide-react'\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger, cn } from '@arbidocs/react/ui'\n\nexport interface FoldSectionProps {\n  label: string\n  /** Shown as plain muted text beside the name; omit or pass 0 to hide. */\n  count?: number\n  /** A word or two of state for sections a count cannot summarise (shown while shut). */\n  hint?: string\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  /** Trigger test id; the caller owns the naming. */\n  testId: string\n  children: ReactNode\n}\n\n/**\n * One foldable block of a dialog. The chevron and the name are the whole hit\n * target (44px on touch), and the count keeps the selection readable while the\n * section is shut, so you need not re-open it to check.\n */\nexport function FoldSection({\n  label,\n  count = 0,\n  hint,\n  open,\n  onOpenChange,\n  testId,\n  children,\n}: FoldSectionProps) {\n  return (\n    <Collapsible open={open} onOpenChange={onOpenChange} data-slot=\"fold-section\">\n      <CollapsibleTrigger\n        className=\"mb-1.5 flex w-full items-center gap-1.5 rounded-md text-sm font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [&:hover]:text-muted-foreground pointer-coarse:min-h-11\"\n        data-testid={testId}\n      >\n        <ChevronDown\n          className={cn('size-4 shrink-0 transition-transform', !open && '-rotate-90')}\n        />\n        <span>{label}</span>\n        {count > 0 && <span className=\"text-xs tabular-nums text-muted-foreground\">{count}</span>}\n        {hint && !open && (\n          <span className=\"min-w-0 truncate text-xs font-normal text-muted-foreground\">{hint}</span>\n        )}\n      </CollapsibleTrigger>\n      <CollapsibleContent>{children}</CollapsibleContent>\n    </Collapsible>\n  )\n}\n"]}