@inshorts/glint-ui 0.5.4 → 0.6.1

package/dist/clipboard.cjs

@@ -0,0 +1,125 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/clipboard.ts
+var clipboard_exports = {};
+__export(clipboard_exports, {
+  CSV_DELIMITER: () => CSV_DELIMITER,
+  TSV_DELIMITER: () => TSV_DELIMITER,
+  buildRangeText: () => buildRangeText,
+  countCells: () => countCells,
+  describeRange: () => describeRange,
+  escapeCell: () => escapeCell,
+  fullRange: () => fullRange,
+  normalizeRange: () => normalizeRange,
+  writeToClipboard: () => writeToClipboard
+});
+module.exports = __toCommonJS(clipboard_exports);
+var TSV_DELIMITER = "	";
+var CSV_DELIMITER = ",";
+function normalizeRange(anchor, focus) {
+  if (!anchor || !focus) return null;
+  return {
+    r1: Math.min(anchor.r, focus.r),
+    r2: Math.max(anchor.r, focus.r),
+    c1: Math.min(anchor.c, focus.c),
+    c2: Math.max(anchor.c, focus.c)
+  };
+}
+function escapeCell(raw, delimiter) {
+  const value = raw == null ? "" : String(raw);
+  if (value.includes(delimiter) || value.includes("\n") || value.includes("\r") || value.includes('"')) {
+    return `"${value.replace(/"/g, '""')}"`;
+  }
+  return value;
+}
+function buildRangeText(range, columns, rows, delimiter, includeHeaders) {
+  if (!range) return "";
+  const lines = [];
+  if (includeHeaders) {
+    const header = [];
+    for (let c = range.c1; c <= range.c2; c++) {
+      header.push(escapeCell(columns[c]?.title, delimiter));
+    }
+    lines.push(header.join(delimiter));
+  }
+  for (let r = range.r1; r <= range.r2; r++) {
+    const line = [];
+    const row = rows[r];
+    for (let c = range.c1; c <= range.c2; c++) {
+      const column = columns[c];
+      line.push(
+        escapeCell(
+          column && row !== void 0 ? column.value(row) : "",
+          delimiter
+        )
+      );
+    }
+    lines.push(line.join(delimiter));
+  }
+  return lines.join("\n");
+}
+function fullRange(columns, rows) {
+  if (!rows.length || !columns.length) return null;
+  return { r1: 0, r2: rows.length - 1, c1: 0, c2: columns.length - 1 };
+}
+function describeRange(range) {
+  if (!range) return "No selection";
+  const rowCount = range.r2 - range.r1 + 1;
+  const colCount = range.c2 - range.c1 + 1;
+  if (rowCount === 1 && colCount === 1) return "1 cell selected";
+  return `${rowCount} \xD7 ${colCount} selected`;
+}
+function countCells(range) {
+  return {
+    rows: range.r2 - range.r1 + 1,
+    columns: range.c2 - range.c1 + 1
+  };
+}
+async function writeToClipboard(text) {
+  if (navigator.clipboard?.writeText) {
+    return navigator.clipboard.writeText(text);
+  }
+  const textarea = document.createElement("textarea");
+  textarea.value = text;
+  textarea.style.position = "fixed";
+  textarea.style.top = "-1000px";
+  document.body.appendChild(textarea);
+  textarea.select();
+  try {
+    if (!document.execCommand("copy")) {
+      throw new Error("Could not write to the clipboard");
+    }
+  } finally {
+    document.body.removeChild(textarea);
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CSV_DELIMITER,
+  TSV_DELIMITER,
+  buildRangeText,
+  countCells,
+  describeRange,
+  escapeCell,
+  fullRange,
+  normalizeRange,
+  writeToClipboard
+});
+//# sourceMappingURL=clipboard.cjs.map

package/dist/clipboard.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/clipboard.ts"],"sourcesContent":["/**\n * Range maths and clipboard text for the card table's spreadsheet selection.\n *\n * Ported from video-shorts-panel `app/src/common/components/ExcelTable.jsx`.\n * Kept free of React and the DOM (except `writeToClipboard`) so the escaping\n * and range rules are unit-testable.\n */\n\nexport type CellRef = { r: number; c: number };\n\nexport type CellRange = { r1: number; r2: number; c1: number; c2: number };\n\n/** Tab for the clipboard (Excel/Sheets split on it), comma for a .csv file. */\nexport const TSV_DELIMITER = \"\\t\";\nexport const CSV_DELIMITER = \",\";\n\n/**\n * Anchor and focus can be dragged in any direction, so the range is whichever\n * corners they happen to be — normalize to top-left / bottom-right.\n */\nexport function normalizeRange(\n  anchor: CellRef | null | undefined,\n  focus: CellRef | null | undefined,\n): CellRange | null {\n  if (!anchor || !focus) return null;\n  return {\n    r1: Math.min(anchor.r, focus.r),\n    r2: Math.max(anchor.r, focus.r),\n    c1: Math.min(anchor.c, focus.c),\n    c2: Math.max(anchor.c, focus.c),\n  };\n}\n\n/**\n * A cell needs quoting once it carries the delimiters themselves — the same\n * rule Excel uses when it parses the clipboard. Without it, a title containing\n * a tab or a newline silently becomes extra columns or rows on paste.\n */\nexport function escapeCell(raw: unknown, delimiter: string): string {\n  const value = raw == null ? \"\" : String(raw);\n  if (\n    value.includes(delimiter) ||\n    value.includes(\"\\n\") ||\n    value.includes(\"\\r\") ||\n    value.includes('\"')\n  ) {\n    return `\"${value.replace(/\"/g, '\"\"')}\"`;\n  }\n  return value;\n}\n\nexport type TextColumn<Row> = {\n  title: string;\n  value: (row: Row) => string;\n};\n\n/** Renders a range as delimited text, optionally with a header line. */\nexport function buildRangeText<Row>(\n  range: CellRange | null,\n  columns: TextColumn<Row>[],\n  rows: Row[],\n  delimiter: string,\n  includeHeaders: boolean,\n): string {\n  if (!range) return \"\";\n  const lines: string[] = [];\n\n  if (includeHeaders) {\n    const header: string[] = [];\n    for (let c = range.c1; c <= range.c2; c++) {\n      header.push(escapeCell(columns[c]?.title, delimiter));\n    }\n    lines.push(header.join(delimiter));\n  }\n\n  for (let r = range.r1; r <= range.r2; r++) {\n    const line: string[] = [];\n    const row = rows[r];\n    for (let c = range.c1; c <= range.c2; c++) {\n      const column = columns[c];\n      line.push(\n        escapeCell(\n          column && row !== undefined ? column.value(row) : \"\",\n          delimiter,\n        ),\n      );\n    }\n    lines.push(line.join(delimiter));\n  }\n\n  return lines.join(\"\\n\");\n}\n\n/** The whole grid, or null when there is nothing to select. */\nexport function fullRange<Row>(\n  columns: TextColumn<Row>[],\n  rows: Row[],\n): CellRange | null {\n  if (!rows.length || !columns.length) return null;\n  return { r1: 0, r2: rows.length - 1, c1: 0, c2: columns.length - 1 };\n}\n\n/** \"3 × 2 selected\" — what the toolbar reports back to the user. */\nexport function describeRange(range: CellRange | null): string {\n  if (!range) return \"No selection\";\n  const rowCount = range.r2 - range.r1 + 1;\n  const colCount = range.c2 - range.c1 + 1;\n  if (rowCount === 1 && colCount === 1) return \"1 cell selected\";\n  return `${rowCount} × ${colCount} selected`;\n}\n\nexport function countCells(range: CellRange): {\n  rows: number;\n  columns: number;\n} {\n  return {\n    rows: range.r2 - range.r1 + 1,\n    columns: range.c2 - range.c1 + 1,\n  };\n}\n\n/**\n * `navigator.clipboard` is unavailable on http origins and older browsers, so\n * fall back to a hidden textarea + execCommand rather than failing the copy.\n */\nexport async function writeToClipboard(text: string): Promise<void> {\n  if (navigator.clipboard?.writeText) {\n    return navigator.clipboard.writeText(text);\n  }\n\n  const textarea = document.createElement(\"textarea\");\n  textarea.value = text;\n  textarea.style.position = \"fixed\";\n  textarea.style.top = \"-1000px\";\n  document.body.appendChild(textarea);\n  textarea.select();\n  try {\n    if (!document.execCommand(\"copy\")) {\n      throw new Error(\"Could not write to the clipboard\");\n    }\n  } finally {\n    document.body.removeChild(textarea);\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/clipboard.d.cts

@@ -0,0 +1,52 @@
+/**
+ * Range maths and clipboard text for the card table's spreadsheet selection.
+ *
+ * Ported from video-shorts-panel `app/src/common/components/ExcelTable.jsx`.
+ * Kept free of React and the DOM (except `writeToClipboard`) so the escaping
+ * and range rules are unit-testable.
+ */
+type CellRef = {
+    r: number;
+    c: number;
+};
+type CellRange = {
+    r1: number;
+    r2: number;
+    c1: number;
+    c2: number;
+};
+/** Tab for the clipboard (Excel/Sheets split on it), comma for a .csv file. */
+declare const TSV_DELIMITER = "\t";
+declare const CSV_DELIMITER = ",";
+/**
+ * Anchor and focus can be dragged in any direction, so the range is whichever
+ * corners they happen to be — normalize to top-left / bottom-right.
+ */
+declare function normalizeRange(anchor: CellRef | null | undefined, focus: CellRef | null | undefined): CellRange | null;
+/**
+ * A cell needs quoting once it carries the delimiters themselves — the same
+ * rule Excel uses when it parses the clipboard. Without it, a title containing
+ * a tab or a newline silently becomes extra columns or rows on paste.
+ */
+declare function escapeCell(raw: unknown, delimiter: string): string;
+type TextColumn<Row> = {
+    title: string;
+    value: (row: Row) => string;
+};
+/** Renders a range as delimited text, optionally with a header line. */
+declare function buildRangeText<Row>(range: CellRange | null, columns: TextColumn<Row>[], rows: Row[], delimiter: string, includeHeaders: boolean): string;
+/** The whole grid, or null when there is nothing to select. */
+declare function fullRange<Row>(columns: TextColumn<Row>[], rows: Row[]): CellRange | null;
+/** "3 × 2 selected" — what the toolbar reports back to the user. */
+declare function describeRange(range: CellRange | null): string;
+declare function countCells(range: CellRange): {
+    rows: number;
+    columns: number;
+};
+/**
+ * `navigator.clipboard` is unavailable on http origins and older browsers, so
+ * fall back to a hidden textarea + execCommand rather than failing the copy.
+ */
+declare function writeToClipboard(text: string): Promise<void>;
+
+export { CSV_DELIMITER, type CellRange, type CellRef, TSV_DELIMITER, type TextColumn, buildRangeText, countCells, describeRange, escapeCell, fullRange, normalizeRange, writeToClipboard };

package/dist/clipboard.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Range maths and clipboard text for the card table's spreadsheet selection.
+ *
+ * Ported from video-shorts-panel `app/src/common/components/ExcelTable.jsx`.
+ * Kept free of React and the DOM (except `writeToClipboard`) so the escaping
+ * and range rules are unit-testable.
+ */
+type CellRef = {
+    r: number;
+    c: number;
+};
+type CellRange = {
+    r1: number;
+    r2: number;
+    c1: number;
+    c2: number;
+};
+/** Tab for the clipboard (Excel/Sheets split on it), comma for a .csv file. */
+declare const TSV_DELIMITER = "\t";
+declare const CSV_DELIMITER = ",";
+/**
+ * Anchor and focus can be dragged in any direction, so the range is whichever
+ * corners they happen to be — normalize to top-left / bottom-right.
+ */
+declare function normalizeRange(anchor: CellRef | null | undefined, focus: CellRef | null | undefined): CellRange | null;
+/**
+ * A cell needs quoting once it carries the delimiters themselves — the same
+ * rule Excel uses when it parses the clipboard. Without it, a title containing
+ * a tab or a newline silently becomes extra columns or rows on paste.
+ */
+declare function escapeCell(raw: unknown, delimiter: string): string;
+type TextColumn<Row> = {
+    title: string;
+    value: (row: Row) => string;
+};
+/** Renders a range as delimited text, optionally with a header line. */
+declare function buildRangeText<Row>(range: CellRange | null, columns: TextColumn<Row>[], rows: Row[], delimiter: string, includeHeaders: boolean): string;
+/** The whole grid, or null when there is nothing to select. */
+declare function fullRange<Row>(columns: TextColumn<Row>[], rows: Row[]): CellRange | null;
+/** "3 × 2 selected" — what the toolbar reports back to the user. */
+declare function describeRange(range: CellRange | null): string;
+declare function countCells(range: CellRange): {
+    rows: number;
+    columns: number;
+};
+/**
+ * `navigator.clipboard` is unavailable on http origins and older browsers, so
+ * fall back to a hidden textarea + execCommand rather than failing the copy.
+ */
+declare function writeToClipboard(text: string): Promise<void>;
+
+export { CSV_DELIMITER, type CellRange, type CellRef, TSV_DELIMITER, type TextColumn, buildRangeText, countCells, describeRange, escapeCell, fullRange, normalizeRange, writeToClipboard };

package/dist/clipboard.js

@@ -0,0 +1,23 @@
+import {
+  CSV_DELIMITER,
+  TSV_DELIMITER,
+  buildRangeText,
+  countCells,
+  describeRange,
+  escapeCell,
+  fullRange,
+  normalizeRange,
+  writeToClipboard
+} from "./chunk-Y5WCT6XN.js";
+export {
+  CSV_DELIMITER,
+  TSV_DELIMITER,
+  buildRangeText,
+  countCells,
+  describeRange,
+  escapeCell,
+  fullRange,
+  normalizeRange,
+  writeToClipboard
+};
+//# sourceMappingURL=clipboard.js.map

package/dist/clipboard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/collapsible.cjs

@@ -0,0 +1,94 @@
+"use client";
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/collapsible.tsx
+var collapsible_exports = {};
+__export(collapsible_exports, {
+  CollapsibleSection: () => CollapsibleSection
+});
+module.exports = __toCommonJS(collapsible_exports);
+var import_lucide_react = require("lucide-react");
+var React = __toESM(require("react"), 1);
+
+// src/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/collapsible.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function CollapsibleSection({
+  title,
+  icon,
+  defaultOpen = true,
+  right,
+  className,
+  children
+}) {
+  const [open, setOpen] = React.useState(defaultOpen);
+  const bodyId = React.useId();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: cn("border-border rounded-lg border", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "button",
+      {
+        type: "button",
+        "aria-expanded": open,
+        "aria-controls": bodyId,
+        onClick: () => setOpen((current) => !current),
+        className: "hover:bg-muted/50 flex w-full items-center gap-2 rounded-lg px-3 py-2 text-left text-sm font-semibold transition",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_lucide_react.ChevronDown,
+            {
+              size: 14,
+              "aria-hidden": true,
+              className: cn(
+                "shrink-0 transition-transform",
+                open ? "" : "-rotate-90"
+              )
+            }
+          ),
+          icon,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "flex-1", children: title }),
+          right
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { id: bodyId, hidden: !open, className: "space-y-3 px-3 pt-1 pb-3", children })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CollapsibleSection
+});
+//# sourceMappingURL=collapsible.cjs.map

package/dist/collapsible.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/collapsible.tsx","../src/utils.ts"],"sourcesContent":["\"use client\";\n\nimport { ChevronDown } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { cn } from \"./utils\";\n\n/**\n * A titled section that folds away.\n *\n * For sidebar panels that are long but not always in use — the body stays\n * mounted so its state (a loaded list, a half-filled filter) survives being\n * collapsed, rather than being thrown away and refetched on the way back.\n */\nexport function CollapsibleSection({\n  title,\n  icon,\n  defaultOpen = true,\n  right,\n  className,\n  children,\n}: {\n  title: string;\n  /** Optional leading glyph, shown between the chevron and the title. */\n  icon?: React.ReactNode;\n  defaultOpen?: boolean;\n  /** Optional trailing content in the header, e.g. a count. */\n  right?: React.ReactNode;\n  className?: string;\n  children: React.ReactNode;\n}) {\n  const [open, setOpen] = React.useState(defaultOpen);\n  const bodyId = React.useId();\n\n  return (\n    <div className={cn(\"border-border rounded-lg border\", className)}>\n      <button\n        type=\"button\"\n        aria-expanded={open}\n        aria-controls={bodyId}\n        onClick={() => setOpen((current) => !current)}\n        className=\"hover:bg-muted/50 flex w-full items-center gap-2 rounded-lg px-3 py-2 text-left text-sm font-semibold transition\"\n      >\n        <ChevronDown\n          size={14}\n          aria-hidden\n          className={cn(\n            \"shrink-0 transition-transform\",\n            open ? \"\" : \"-rotate-90\",\n          )}\n        />\n        {icon}\n        <span className=\"flex-1\">{title}</span>\n        {right}\n      </button>\n      {/* Hidden rather than unmounted, so collapsing does not discard the\n          panel's state or refetch what it had already loaded. */}\n      <div id={bodyId} hidden={!open} className=\"space-y-3 px-3 pt-1 pb-3\">\n        {children}\n      </div>\n    </div>\n  );\n}\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,0BAA4B;AAC5B,YAAuB;;;ACHvB,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;AD+BM;AAtBC,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AACF,GASG;AACD,QAAM,CAAC,MAAM,OAAO,IAAU,eAAS,WAAW;AAClD,QAAM,SAAe,YAAM;AAE3B,SACE,6CAAC,SAAI,WAAW,GAAG,mCAAmC,SAAS,GAC7D;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,iBAAe;AAAA,QACf,iBAAe;AAAA,QACf,SAAS,MAAM,QAAQ,CAAC,YAAY,CAAC,OAAO;AAAA,QAC5C,WAAU;AAAA,QAEV;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAM;AAAA,cACN,eAAW;AAAA,cACX,WAAW;AAAA,gBACT;AAAA,gBACA,OAAO,KAAK;AAAA,cACd;AAAA;AAAA,UACF;AAAA,UACC;AAAA,UACD,4CAAC,UAAK,WAAU,UAAU,iBAAM;AAAA,UAC/B;AAAA;AAAA;AAAA,IACH;AAAA,IAGA,4CAAC,SAAI,IAAI,QAAQ,QAAQ,CAAC,MAAM,WAAU,4BACvC,UACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/collapsible.d.cts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+
+/**
+ * A titled section that folds away.
+ *
+ * For sidebar panels that are long but not always in use — the body stays
+ * mounted so its state (a loaded list, a half-filled filter) survives being
+ * collapsed, rather than being thrown away and refetched on the way back.
+ */
+declare function CollapsibleSection({ title, icon, defaultOpen, right, className, children, }: {
+    title: string;
+    /** Optional leading glyph, shown between the chevron and the title. */
+    icon?: React.ReactNode;
+    defaultOpen?: boolean;
+    /** Optional trailing content in the header, e.g. a count. */
+    right?: React.ReactNode;
+    className?: string;
+    children: React.ReactNode;
+}): React.JSX.Element;
+
+export { CollapsibleSection };

package/dist/collapsible.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+
+/**
+ * A titled section that folds away.
+ *
+ * For sidebar panels that are long but not always in use — the body stays
+ * mounted so its state (a loaded list, a half-filled filter) survives being
+ * collapsed, rather than being thrown away and refetched on the way back.
+ */
+declare function CollapsibleSection({ title, icon, defaultOpen, right, className, children, }: {
+    title: string;
+    /** Optional leading glyph, shown between the chevron and the title. */
+    icon?: React.ReactNode;
+    defaultOpen?: boolean;
+    /** Optional trailing content in the header, e.g. a count. */
+    right?: React.ReactNode;
+    className?: string;
+    children: React.ReactNode;
+}): React.JSX.Element;
+
+export { CollapsibleSection };

package/dist/collapsible.js

@@ -0,0 +1,9 @@
+"use client";
+import {
+  CollapsibleSection
+} from "./chunk-EWSBFU54.js";
+import "./chunk-HCA5ODCD.js";
+export {
+  CollapsibleSection
+};
+//# sourceMappingURL=collapsible.js.map

package/dist/collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}