@particle-academy/react-fancy 5.12.0 → 5.13.1

package/dist/chunk-IF3T3ZCB.cjs

@@ -0,0 +1,273 @@
+'use strict';
+
+var chunkOUOEQZHY_cjs = require('./chunk-OUOEQZHY.cjs');
+var chunk3Z6ALUWP_cjs = require('./chunk-3Z6ALUWP.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var TableContext = react.createContext(null);
+function useTable() {
+  const ctx = react.useContext(TableContext);
+  if (!ctx) {
+    throw new Error("Table compound components must be used within <Table>");
+  }
+  return ctx;
+}
+function TableHead({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("thead", { "data-react-fancy-table-head": "", className: chunk3Z6ALUWP_cjs.cn("border-b border-zinc-200 dark:border-zinc-700", className), children });
+}
+function TableBody({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("tbody", { "data-react-fancy-table-body": "", className: chunk3Z6ALUWP_cjs.cn("divide-y divide-zinc-100 dark:divide-zinc-800", className), children });
+}
+function TableRow({
+  children,
+  className,
+  onClick,
+  tray,
+  trayTriggerPosition = "end",
+  expanded: controlledExpanded,
+  defaultExpanded = false,
+  onExpandedChange,
+  ...rest
+}) {
+  const [expanded, setExpanded] = chunkOUOEQZHY_cjs.useControllableState(
+    controlledExpanded,
+    defaultExpanded,
+    onExpandedChange
+  );
+  const hasTray = tray != null;
+  const showTrigger = hasTray && trayTriggerPosition !== "hidden";
+  const triggerCell = showTrigger ? /* @__PURE__ */ jsxRuntime.jsx("td", { className: "w-8 px-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      onClick: (e) => {
+        e.stopPropagation();
+        setExpanded(!expanded);
+      },
+      className: "inline-flex items-center justify-center rounded p-1 text-zinc-400 transition-colors hover:text-zinc-700 dark:text-zinc-500 dark:hover:text-zinc-300",
+      "aria-label": expanded ? "Collapse row" : "Expand row",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "svg",
+        {
+          className: chunk3Z6ALUWP_cjs.cn(
+            "h-4 w-4 transition-transform duration-200",
+            expanded && "rotate-90"
+          ),
+          fill: "none",
+          viewBox: "0 0 24 24",
+          stroke: "currentColor",
+          strokeWidth: 2,
+          children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" })
+        }
+      )
+    }
+  ) }) : null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "tr",
+      {
+        ...rest,
+        "data-react-fancy-table-row": "",
+        className: chunk3Z6ALUWP_cjs.cn(
+          "transition-colors hover:bg-zinc-50 dark:hover:bg-zinc-800/50",
+          onClick && "cursor-pointer",
+          className
+        ),
+        onClick,
+        children: [
+          trayTriggerPosition === "start" && triggerCell,
+          children,
+          trayTriggerPosition === "end" && triggerCell
+        ]
+      }
+    ),
+    hasTray && expanded && /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "bg-zinc-50/50 dark:bg-zinc-800/30", children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 999, children: tray }) })
+  ] });
+}
+function TableCell({ children, className, header, ...rest }) {
+  const Tag = header ? "th" : "td";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Tag,
+    {
+      "data-react-fancy-table-cell": "",
+      className: chunk3Z6ALUWP_cjs.cn(
+        "px-4 py-3 text-sm",
+        header && "text-left font-medium text-zinc-500 dark:text-zinc-400",
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+}
+function TableColumn({ label, sortKey, className }) {
+  const { sortKey: currentSort, sortDir, toggleSort } = useTable();
+  const isSorted = sortKey && currentSort === sortKey;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "th",
+    {
+      "data-react-fancy-table-column": "",
+      className: chunk3Z6ALUWP_cjs.cn(
+        "px-4 py-3 text-left text-sm font-medium text-zinc-500 dark:text-zinc-400",
+        sortKey && "cursor-pointer select-none",
+        className
+      ),
+      onClick: sortKey ? () => toggleSort(sortKey) : void 0,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1", children: [
+        label,
+        isSorted && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs", children: sortDir === "asc" ? "\u25B2" : "\u25BC" })
+      ] })
+    }
+  );
+}
+function TablePagination({
+  className,
+  total,
+  pageSize = 10
+}) {
+  const { page, setPage } = useTable();
+  const totalPages = Math.ceil(total / pageSize);
+  if (totalPages <= 1) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-react-fancy-table-pagination": "", className: chunk3Z6ALUWP_cjs.cn("flex items-center justify-between px-4 py-3 text-sm", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-zinc-500", children: [
+      "Page ",
+      page + 1,
+      " of ",
+      totalPages
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          disabled: page === 0,
+          onClick: () => setPage(page - 1),
+          className: "rounded border px-2 py-1 disabled:opacity-50 dark:border-zinc-600",
+          children: "Prev"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          disabled: page >= totalPages - 1,
+          onClick: () => setPage(page + 1),
+          className: "rounded border px-2 py-1 disabled:opacity-50 dark:border-zinc-600",
+          children: "Next"
+        }
+      )
+    ] })
+  ] });
+}
+function TableSearch({
+  className,
+  placeholder = "Search..."
+}) {
+  const { searchQuery, setSearchQuery } = useTable();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      "data-react-fancy-table-search": "",
+      type: "text",
+      value: searchQuery,
+      onChange: (e) => setSearchQuery(e.target.value),
+      placeholder,
+      className: chunk3Z6ALUWP_cjs.cn(
+        "rounded-lg border border-zinc-200 px-3 py-2 text-sm dark:border-zinc-600 dark:bg-zinc-800",
+        className
+      )
+    }
+  );
+}
+function TableTray({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-react-fancy-table-tray": "", className: chunk3Z6ALUWP_cjs.cn("flex items-center justify-between px-4 py-3", className), children });
+}
+function TableRowTray({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-react-fancy-table-row-tray": "",
+      className: chunk3Z6ALUWP_cjs.cn(
+        "border-t border-zinc-200 px-4 py-3 dark:border-zinc-700",
+        className
+      ),
+      children
+    }
+  );
+}
+function TableRoot({ children, className }) {
+  const [sortKey, setSortKey] = react.useState(null);
+  const [sortDir, setSortDir] = react.useState("asc");
+  const [page, setPage] = react.useState(0);
+  const [searchQuery, setSearchQuery] = react.useState("");
+  const toggleSort = react.useCallback(
+    (key) => {
+      if (sortKey === key) {
+        setSortDir((d) => d === "asc" ? "desc" : "asc");
+      } else {
+        setSortKey(key);
+        setSortDir("asc");
+      }
+    },
+    [sortKey]
+  );
+  const ctx = react.useMemo(
+    () => ({
+      sortKey,
+      sortDir,
+      toggleSort,
+      page,
+      setPage,
+      pageSize: 10,
+      totalRows: 0,
+      searchQuery,
+      setSearchQuery
+    }),
+    [sortKey, sortDir, toggleSort, page, searchQuery]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(TableContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx("div", { "data-react-fancy-table": "", className: chunk3Z6ALUWP_cjs.cn("overflow-hidden rounded-lg border border-zinc-200 dark:border-zinc-700", className), children: splitTableChildren(children) }) });
+}
+function splitTableChildren(children) {
+  const before = [];
+  const inside = [];
+  const after = [];
+  let seenTableContent = false;
+  react.Children.forEach(children, (child) => {
+    if (react.isValidElement(child) && (child.type === TableHead || child.type === TableBody)) {
+      inside.push(child);
+      seenTableContent = true;
+      return;
+    }
+    (seenTableContent ? after : before).push(child);
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    before,
+    inside.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("table", { className: "w-full border-collapse", children: inside }),
+    after
+  ] });
+}
+var Table = Object.assign(TableRoot, {
+  Head: TableHead,
+  Body: TableBody,
+  Row: TableRow,
+  Cell: TableCell,
+  Column: TableColumn,
+  Pagination: TablePagination,
+  Search: TableSearch,
+  Tray: TableTray,
+  RowTray: TableRowTray
+});
+
+exports.Table = Table;
+exports.TableBody = TableBody;
+exports.TableCell = TableCell;
+exports.TableColumn = TableColumn;
+exports.TableHead = TableHead;
+exports.TablePagination = TablePagination;
+exports.TableRow = TableRow;
+exports.TableRowTray = TableRowTray;
+exports.TableSearch = TableSearch;
+exports.TableTray = TableTray;
+//# sourceMappingURL=chunk-IF3T3ZCB.cjs.map
+//# sourceMappingURL=chunk-IF3T3ZCB.cjs.map

package/dist/chunk-IF3T3ZCB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Table/Table.context.ts","../src/components/Table/TableHead.tsx","../src/components/Table/TableBody.tsx","../src/components/Table/TableRow.tsx","../src/components/Table/TableCell.tsx","../src/components/Table/TableColumn.tsx","../src/components/Table/TablePagination.tsx","../src/components/Table/TableSearch.tsx","../src/components/Table/TableTray.tsx","../src/components/Table/TableRowTray.tsx","../src/components/Table/Table.tsx"],"names":["createContext","useContext","jsx","cn","useControllableState","jsxs","Fragment","useState","useCallback","useMemo","Children","isValidElement"],"mappings":"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","file":"chunk-IF3T3ZCB.cjs","sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { TableContextValue } from \"./Table.types\";\n\nexport const TableContext = createContext<TableContextValue | null>(null);\n\nexport function useTable(): TableContextValue {\n  const ctx = useContext(TableContext);\n  if (!ctx) {\n    throw new Error(\"Table compound components must be used within <Table>\");\n  }\n  return ctx;\n}\n","import { cn } from \"../../utils/cn\";\nimport type { TableHeadProps } from \"./Table.types\";\n\nexport function TableHead({ children, className }: TableHeadProps) {\n  return <thead data-react-fancy-table-head=\"\" className={cn(\"border-b border-zinc-200 dark:border-zinc-700\", className)}>{children}</thead>;\n}\n","import { cn } from \"../../utils/cn\";\nimport type { TableBodyProps } from \"./Table.types\";\n\nexport function TableBody({ children, className }: TableBodyProps) {\n  return <tbody data-react-fancy-table-body=\"\" className={cn(\"divide-y divide-zinc-100 dark:divide-zinc-800\", className)}>{children}</tbody>;\n}\n","import { cn } from \"../../utils/cn\";\nimport { useControllableState } from \"../../hooks/use-controllable-state\";\nimport type { TableRowProps } from \"./Table.types\";\n\nexport function TableRow({\n  children,\n  className,\n  onClick,\n  tray,\n  trayTriggerPosition = \"end\",\n  expanded: controlledExpanded,\n  defaultExpanded = false,\n  onExpandedChange,\n  ...rest\n}: TableRowProps) {\n  const [expanded, setExpanded] = useControllableState(\n    controlledExpanded,\n    defaultExpanded,\n    onExpandedChange,\n  );\n\n  const hasTray = tray != null;\n  const showTrigger = hasTray && trayTriggerPosition !== \"hidden\";\n\n  const triggerCell = showTrigger ? (\n    <td className=\"w-8 px-2\">\n      <button\n        type=\"button\"\n        onClick={(e) => {\n          e.stopPropagation();\n          setExpanded(!expanded);\n        }}\n        className=\"inline-flex items-center justify-center rounded p-1 text-zinc-400 transition-colors hover:text-zinc-700 dark:text-zinc-500 dark:hover:text-zinc-300\"\n        aria-label={expanded ? \"Collapse row\" : \"Expand row\"}\n      >\n        <svg\n          className={cn(\n            \"h-4 w-4 transition-transform duration-200\",\n            expanded && \"rotate-90\",\n          )}\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n          strokeWidth={2}\n        >\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 5l7 7-7 7\" />\n        </svg>\n      </button>\n    </td>\n  ) : null;\n\n  return (\n    <>\n      <tr\n        {...rest}\n        data-react-fancy-table-row=\"\"\n        className={cn(\n          \"transition-colors hover:bg-zinc-50 dark:hover:bg-zinc-800/50\",\n          onClick && \"cursor-pointer\",\n          className,\n        )}\n        onClick={onClick}\n      >\n        {trayTriggerPosition === \"start\" && triggerCell}\n        {children}\n        {trayTriggerPosition === \"end\" && triggerCell}\n      </tr>\n      {hasTray && expanded && (\n        <tr className=\"bg-zinc-50/50 dark:bg-zinc-800/30\">\n          <td colSpan={999}>\n            {tray}\n          </td>\n        </tr>\n      )}\n    </>\n  );\n}\n","import { cn } from \"../../utils/cn\";\nimport type { TableCellProps } from \"./Table.types\";\n\nexport function TableCell({ children, className, header, ...rest }: TableCellProps) {\n  const Tag = header ? \"th\" : \"td\";\n  return (\n    <Tag\n      data-react-fancy-table-cell=\"\"\n      className={cn(\n        \"px-4 py-3 text-sm\",\n        header && \"text-left font-medium text-zinc-500 dark:text-zinc-400\",\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </Tag>\n  );\n}\n","import { cn } from \"../../utils/cn\";\nimport { useTable } from \"./Table.context\";\nimport type { TableColumnProps } from \"./Table.types\";\n\nexport function TableColumn({ label, sortKey, className }: TableColumnProps) {\n  const { sortKey: currentSort, sortDir, toggleSort } = useTable();\n  const isSorted = sortKey && currentSort === sortKey;\n\n  return (\n    <th\n      data-react-fancy-table-column=\"\"\n      className={cn(\n        \"px-4 py-3 text-left text-sm font-medium text-zinc-500 dark:text-zinc-400\",\n        sortKey && \"cursor-pointer select-none\",\n        className,\n      )}\n      onClick={sortKey ? () => toggleSort(sortKey) : undefined}\n    >\n      <span className=\"inline-flex items-center gap-1\">\n        {label}\n        {isSorted && (\n          <span className=\"text-xs\">{sortDir === \"asc\" ? \"\\u25B2\" : \"\\u25BC\"}</span>\n        )}\n      </span>\n    </th>\n  );\n}\n","import { cn } from \"../../utils/cn\";\nimport { useTable } from \"./Table.context\";\nimport type { TablePaginationProps } from \"./Table.types\";\n\nexport function TablePagination({\n  className,\n  total,\n  pageSize = 10,\n}: TablePaginationProps) {\n  const { page, setPage } = useTable();\n  const totalPages = Math.ceil(total / pageSize);\n\n  if (totalPages <= 1) return null;\n\n  return (\n    <div data-react-fancy-table-pagination=\"\" className={cn(\"flex items-center justify-between px-4 py-3 text-sm\", className)}>\n      <span className=\"text-zinc-500\">\n        Page {page + 1} of {totalPages}\n      </span>\n      <div className=\"flex gap-1\">\n        <button\n          type=\"button\"\n          disabled={page === 0}\n          onClick={() => setPage(page - 1)}\n          className=\"rounded border px-2 py-1 disabled:opacity-50 dark:border-zinc-600\"\n        >\n          Prev\n        </button>\n        <button\n          type=\"button\"\n          disabled={page >= totalPages - 1}\n          onClick={() => setPage(page + 1)}\n          className=\"rounded border px-2 py-1 disabled:opacity-50 dark:border-zinc-600\"\n        >\n          Next\n        </button>\n      </div>\n    </div>\n  );\n}\n","import { cn } from \"../../utils/cn\";\nimport { useTable } from \"./Table.context\";\nimport type { TableSearchProps } from \"./Table.types\";\n\nexport function TableSearch({\n  className,\n  placeholder = \"Search...\",\n}: TableSearchProps) {\n  const { searchQuery, setSearchQuery } = useTable();\n\n  return (\n    <input\n      data-react-fancy-table-search=\"\"\n      type=\"text\"\n      value={searchQuery}\n      onChange={(e) => setSearchQuery(e.target.value)}\n      placeholder={placeholder}\n      className={cn(\n        \"rounded-lg border border-zinc-200 px-3 py-2 text-sm dark:border-zinc-600 dark:bg-zinc-800\",\n        className,\n      )}\n    />\n  );\n}\n","import { cn } from \"../../utils/cn\";\nimport type { TableTrayProps } from \"./Table.types\";\n\nexport function TableTray({ children, className }: TableTrayProps) {\n  return (\n    <div data-react-fancy-table-tray=\"\" className={cn(\"flex items-center justify-between px-4 py-3\", className)}>\n      {children}\n    </div>\n  );\n}\n","import { cn } from \"../../utils/cn\";\nimport type { TableRowTrayProps } from \"./Table.types\";\n\nexport function TableRowTray({ children, className }: TableRowTrayProps) {\n  return (\n    <div\n      data-react-fancy-table-row-tray=\"\"\n      className={cn(\n        \"border-t border-zinc-200 px-4 py-3 dark:border-zinc-700\",\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","import { Children, isValidElement, useCallback, useMemo, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { TableContext } from \"./Table.context\";\nimport { TableHead } from \"./TableHead\";\nimport { TableBody } from \"./TableBody\";\nimport { TableRow } from \"./TableRow\";\nimport { TableCell } from \"./TableCell\";\nimport { TableColumn } from \"./TableColumn\";\nimport { TablePagination } from \"./TablePagination\";\nimport { TableSearch } from \"./TableSearch\";\nimport { TableTray } from \"./TableTray\";\nimport { TableRowTray } from \"./TableRowTray\";\nimport type { TableProps, TableContextValue } from \"./Table.types\";\n\nfunction TableRoot({ children, className }: TableProps) {\n  const [sortKey, setSortKey] = useState<string | null>(null);\n  const [sortDir, setSortDir] = useState<\"asc\" | \"desc\">(\"asc\");\n  const [page, setPage] = useState(0);\n  const [searchQuery, setSearchQuery] = useState(\"\");\n\n  const toggleSort = useCallback(\n    (key: string) => {\n      if (sortKey === key) {\n        setSortDir((d) => (d === \"asc\" ? \"desc\" : \"asc\"));\n      } else {\n        setSortKey(key);\n        setSortDir(\"asc\");\n      }\n    },\n    [sortKey],\n  );\n\n  const ctx = useMemo<TableContextValue>(\n    () => ({\n      sortKey,\n      sortDir,\n      toggleSort,\n      page,\n      setPage,\n      pageSize: 10,\n      totalRows: 0,\n      searchQuery,\n      setSearchQuery,\n    }),\n    [sortKey, sortDir, toggleSort, page, searchQuery],\n  );\n\n  return (\n    <TableContext.Provider value={ctx}>\n      <div data-react-fancy-table=\"\" className={cn(\"overflow-hidden rounded-lg border border-zinc-200 dark:border-zinc-700\", className)}>\n        {splitTableChildren(children)}\n      </div>\n    </TableContext.Provider>\n  );\n}\n\nfunction splitTableChildren(children: ReactNode): ReactNode {\n  const before: ReactNode[] = [];\n  const inside: ReactNode[] = [];\n  const after: ReactNode[] = [];\n  let seenTableContent = false;\n\n  Children.forEach(children, (child) => {\n    if (isValidElement(child) && (child.type === TableHead || child.type === TableBody)) {\n      inside.push(child);\n      seenTableContent = true;\n      return;\n    }\n    (seenTableContent ? after : before).push(child);\n  });\n\n  return (\n    <>\n      {before}\n      {inside.length > 0 && <table className=\"w-full border-collapse\">{inside}</table>}\n      {after}\n    </>\n  );\n}\n\nexport const Table = Object.assign(TableRoot, {\n  Head: TableHead,\n  Body: TableBody,\n  Row: TableRow,\n  Cell: TableCell,\n  Column: TableColumn,\n  Pagination: TablePagination,\n  Search: TableSearch,\n  Tray: TableTray,\n  RowTray: TableRowTray,\n});\n"]}

package/dist/chunk-IF5LOWUL.js

@@ -0,0 +1,273 @@
+import { useControllableState } from './chunk-6FQGMVF2.js';
+import { cn } from './chunk-DSUHZO6T.js';
+import { createContext, useContext, useEffect, useMemo, useCallback, useState, useRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var AccordionPanelContext = createContext(null);
+function useAccordionPanel() {
+  const ctx = useContext(AccordionPanelContext);
+  if (!ctx) {
+    throw new Error(
+      "AccordionPanel components must be used inside <AccordionPanel>"
+    );
+  }
+  return ctx;
+}
+var AccordionSectionContext = createContext(null);
+function useAccordionSection() {
+  const ctx = useContext(AccordionSectionContext);
+  if (!ctx) {
+    throw new Error(
+      "<AccordionPanel.Trigger> must be rendered inside <AccordionPanel.Section>"
+    );
+  }
+  return ctx;
+}
+function AccordionPanelSection({
+  id,
+  pinned = false,
+  className,
+  openClassName,
+  closedClassName,
+  unstyled,
+  children
+}) {
+  const panel = useAccordionPanel();
+  const { orientation, isOpen, toggle, registerSection } = panel;
+  useEffect(() => registerSection(id), [id, registerSection]);
+  const open = pinned || isOpen(id);
+  const sectionCtx = useMemo(
+    () => ({
+      id,
+      open,
+      pinned,
+      orientation,
+      toggle: () => toggle(id)
+    }),
+    [id, open, pinned, orientation, toggle]
+  );
+  return /* @__PURE__ */ jsx(AccordionSectionContext.Provider, { value: sectionCtx, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-react-fancy-accordion-section": "",
+      "data-state": open ? "open" : "closed",
+      "data-pinned": pinned ? "" : void 0,
+      "data-orientation": orientation,
+      className: cn(
+        "flex shrink-0",
+        !unstyled && "items-center gap-1",
+        orientation === "horizontal" ? "flex-row" : "flex-col",
+        className,
+        open ? openClassName : closedClassName
+      ),
+      children
+    }
+  ) });
+}
+AccordionPanelSection.displayName = "AccordionPanelSection";
+function renderSlot(slot, state) {
+  return typeof slot === "function" ? slot(state) : slot;
+}
+function AccordionPanelTrigger({
+  children,
+  className,
+  "aria-label": ariaLabel
+}) {
+  const { id, open, orientation, toggle } = useAccordionSection();
+  const state = { id, open, orientation, toggle };
+  if (children !== void 0) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-react-fancy-accordion-trigger": "",
+        "data-state": open ? "open" : "closed",
+        "data-orientation": orientation,
+        className,
+        children: renderSlot(children, state)
+      }
+    );
+  }
+  if (open) {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: toggle,
+        "aria-label": ariaLabel ?? "Collapse section",
+        "data-react-fancy-accordion-trigger": "",
+        "data-state": "open",
+        "data-orientation": orientation,
+        className: cn(
+          "group relative flex shrink-0 items-center justify-center cursor-pointer",
+          "text-zinc-500 dark:text-zinc-500",
+          "hover:text-zinc-900 dark:hover:text-zinc-100",
+          // Wide hitbox + thin visible line (drawn via ::before).
+          orientation === "horizontal" ? "w-3 self-stretch" : "h-3 self-stretch",
+          "before:absolute before:bg-zinc-200 dark:before:bg-zinc-700",
+          "before:transition-colors group-hover:before:bg-zinc-400 dark:group-hover:before:bg-zinc-500",
+          orientation === "horizontal" ? "before:top-0 before:bottom-0 before:w-px before:left-1/2 before:-translate-x-1/2" : "before:left-0 before:right-0 before:h-px before:top-1/2 before:-translate-y-1/2",
+          "transition-colors",
+          className
+        ),
+        children: /* @__PURE__ */ jsx(
+          ChevronIcon,
+          {
+            orientation,
+            purpose: "collapse",
+            className: "relative opacity-0 group-hover:opacity-100 transition-opacity"
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: toggle,
+      "aria-label": ariaLabel ?? "Expand section",
+      "data-react-fancy-accordion-trigger": "",
+      "data-state": "closed",
+      "data-orientation": orientation,
+      className: cn(
+        "flex shrink-0 items-center justify-center rounded-md",
+        "text-zinc-400 dark:text-zinc-500",
+        "hover:text-zinc-900 dark:hover:text-zinc-100",
+        "hover:bg-zinc-100 dark:hover:bg-zinc-800",
+        "transition-colors cursor-pointer",
+        orientation === "horizontal" ? "h-8 w-6 mx-0.5" : "w-8 h-6 my-0.5",
+        className
+      ),
+      children: /* @__PURE__ */ jsx(ChevronIcon, { orientation, purpose: "expand" })
+    }
+  );
+}
+AccordionPanelTrigger.displayName = "AccordionPanelTrigger";
+function ChevronIcon({
+  orientation,
+  purpose,
+  className
+}) {
+  const transform = orientation === "horizontal" ? "rotate(180deg)" : purpose === "expand" ? "rotate(90deg)" : "rotate(270deg)";
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      viewBox: "0 0 16 16",
+      width: "12",
+      height: "12",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      style: { transform },
+      className,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("polyline", { points: "6 4 10 8 6 12" })
+    }
+  );
+}
+function AccordionPanelContent({
+  children,
+  className,
+  unstyled
+}) {
+  const { open, orientation } = useAccordionSection();
+  if (!open) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-react-fancy-accordion-content": "",
+      "data-orientation": orientation,
+      className: cn(
+        !unstyled && "flex items-center gap-1",
+        !unstyled && (orientation === "horizontal" ? "flex-row" : "flex-col"),
+        className
+      ),
+      children
+    }
+  );
+}
+AccordionPanelContent.displayName = "AccordionPanelContent";
+function AccordionPanelRoot({
+  orientation = "horizontal",
+  value: controlledValue,
+  defaultValue,
+  onValueChange,
+  className,
+  children
+}) {
+  const [openIds, setOpenIds] = useControllableState(
+    controlledValue,
+    defaultValue ?? [],
+    onValueChange
+  );
+  const openSet = useMemo(() => new Set(openIds), [openIds]);
+  const isOpen = useCallback((id) => openSet.has(id), [openSet]);
+  const open = useCallback(
+    (id) => {
+      setOpenIds(openSet.has(id) ? openIds ?? [] : [...openIds ?? [], id]);
+    },
+    [openSet, openIds, setOpenIds]
+  );
+  const close = useCallback(
+    (id) => {
+      setOpenIds((openIds ?? []).filter((x) => x !== id));
+    },
+    [openIds, setOpenIds]
+  );
+  const toggle = useCallback(
+    (id) => {
+      setOpenIds(
+        openSet.has(id) ? (openIds ?? []).filter((x) => x !== id) : [...openIds ?? [], id]
+      );
+    },
+    [openSet, openIds, setOpenIds]
+  );
+  const [sectionIds, setSectionIds] = useState([]);
+  const orderRef = useRef([]);
+  const registerSection = useCallback((id) => {
+    if (!orderRef.current.includes(id)) {
+      orderRef.current = [...orderRef.current, id];
+      setSectionIds(orderRef.current);
+    }
+    return () => {
+      orderRef.current = orderRef.current.filter((x) => x !== id);
+      setSectionIds(orderRef.current);
+    };
+  }, []);
+  const ctx = useMemo(
+    () => ({
+      orientation,
+      isOpen,
+      toggle,
+      open,
+      close,
+      sectionIds,
+      registerSection
+    }),
+    [orientation, isOpen, toggle, open, close, sectionIds, registerSection]
+  );
+  return /* @__PURE__ */ jsx(AccordionPanelContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-react-fancy-accordion-panel": "",
+      "data-orientation": orientation,
+      className: cn(
+        "inline-flex items-stretch",
+        orientation === "horizontal" ? "flex-row" : "flex-col",
+        className
+      ),
+      children
+    }
+  ) });
+}
+AccordionPanelRoot.displayName = "AccordionPanel";
+var AccordionPanel = AccordionPanelRoot;
+AccordionPanel.Section = AccordionPanelSection;
+AccordionPanel.Trigger = AccordionPanelTrigger;
+AccordionPanel.Content = AccordionPanelContent;
+
+export { AccordionPanel, AccordionPanelContent, AccordionPanelSection, AccordionPanelTrigger, useAccordionPanel, useAccordionSection };
+//# sourceMappingURL=chunk-IF5LOWUL.js.map
+//# sourceMappingURL=chunk-IF5LOWUL.js.map

package/dist/chunk-IF5LOWUL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AccordionPanel/AccordionPanel.context.ts","../src/components/AccordionPanel/AccordionPanel.Section.tsx","../src/components/AccordionPanel/AccordionPanel.Trigger.tsx","../src/components/AccordionPanel/AccordionPanel.Content.tsx","../src/components/AccordionPanel/AccordionPanel.tsx"],"names":["jsx","useMemo"],"mappings":"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","file":"chunk-IF5LOWUL.js","sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { AccordionOrientation } from \"./AccordionPanel.types\";\n\n// ── Panel-level context ─────────────────────────────────────────────────\n\nexport interface AccordionPanelContextValue {\n  orientation: AccordionOrientation;\n  isOpen: (id: string) => boolean;\n  toggle: (id: string) => void;\n  open: (id: string) => void;\n  close: (id: string) => void;\n  /** Ordered list of all section ids registered in this panel */\n  sectionIds: string[];\n  registerSection: (id: string) => () => void;\n}\n\nexport const AccordionPanelContext =\n  createContext<AccordionPanelContextValue | null>(null);\n\nexport function useAccordionPanel(): AccordionPanelContextValue {\n  const ctx = useContext(AccordionPanelContext);\n  if (!ctx) {\n    throw new Error(\n      \"AccordionPanel components must be used inside <AccordionPanel>\",\n    );\n  }\n  return ctx;\n}\n\n// ── Section-level context ───────────────────────────────────────────────\n\nexport interface AccordionSectionContextValue {\n  id: string;\n  open: boolean;\n  pinned: boolean;\n  orientation: AccordionOrientation;\n  toggle: () => void;\n}\n\nexport const AccordionSectionContext =\n  createContext<AccordionSectionContextValue | null>(null);\n\nexport function useAccordionSection(): AccordionSectionContextValue {\n  const ctx = useContext(AccordionSectionContext);\n  if (!ctx) {\n    throw new Error(\n      \"<AccordionPanel.Trigger> must be rendered inside <AccordionPanel.Section>\",\n    );\n  }\n  return ctx;\n}\n","import { useEffect, useMemo } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport {\n  AccordionSectionContext,\n  useAccordionPanel,\n} from \"./AccordionPanel.context\";\nimport type { AccordionPanelSectionProps } from \"./AccordionPanel.types\";\n\n/**\n * One collapsible section inside an AccordionPanel.\n *\n * Compose with `<AccordionPanel.Trigger>` and `<AccordionPanel.Content>`\n * children — Content renders only when open, Trigger always renders and\n * adapts its look by state. Children that are not Trigger/Content are\n * rendered as-is, regardless of state, so static decorations stay put.\n *\n * Pinned sections never collapse and don't need a Trigger.\n */\nexport function AccordionPanelSection({\n  id,\n  pinned = false,\n  className,\n  openClassName,\n  closedClassName,\n  unstyled,\n  children,\n}: AccordionPanelSectionProps) {\n  const panel = useAccordionPanel();\n  const { orientation, isOpen, toggle, registerSection } = panel;\n\n  useEffect(() => registerSection(id), [id, registerSection]);\n\n  const open = pinned || isOpen(id);\n\n  const sectionCtx = useMemo(\n    () => ({\n      id,\n      open,\n      pinned,\n      orientation,\n      toggle: () => toggle(id),\n    }),\n    [id, open, pinned, orientation, toggle],\n  );\n\n  return (\n    <AccordionSectionContext.Provider value={sectionCtx}>\n      <div\n        data-react-fancy-accordion-section=\"\"\n        data-state={open ? \"open\" : \"closed\"}\n        data-pinned={pinned ? \"\" : undefined}\n        data-orientation={orientation}\n        className={cn(\n          \"flex shrink-0\",\n          !unstyled && \"items-center gap-1\",\n          orientation === \"horizontal\" ? \"flex-row\" : \"flex-col\",\n          className,\n          open ? openClassName : closedClassName,\n        )}\n      >\n        {children}\n      </div>\n    </AccordionSectionContext.Provider>\n  );\n}\n\nAccordionPanelSection.displayName = \"AccordionPanelSection\";\n","import { cn } from \"../../utils/cn\";\nimport { useAccordionSection } from \"./AccordionPanel.context\";\nimport type {\n  AccordionPanelTriggerProps,\n  SectionRenderable,\n  SectionRenderState,\n} from \"./AccordionPanel.types\";\n\nfunction renderSlot(slot: SectionRenderable, state: SectionRenderState) {\n  return typeof slot === \"function\" ? slot(state) : slot;\n}\n\n/**\n * Trigger for an AccordionPanel.Section.\n *\n * Has two visual roles, picked automatically from section state:\n *\n *   - When the section is OPEN: renders as a thin divider on the section's\n *     trailing edge. Hovering reveals an inset chevron pointing toward the\n *     section so the user knows clicking will collapse it.\n *\n *   - When the section is CLOSED: renders as a standalone chevron button\n *     in place of the section content. Clicking re-expands the section.\n *\n * Supply `children` (node or render-prop) to fully replace the default\n * rendering. The render-prop receives `{ open, toggle, orientation, id }`.\n */\nexport function AccordionPanelTrigger({\n  children,\n  className,\n  \"aria-label\": ariaLabel,\n}: AccordionPanelTriggerProps) {\n  const { id, open, orientation, toggle } = useAccordionSection();\n  const state: SectionRenderState = { id, open, orientation, toggle };\n\n  // Custom render path — caller is in charge of look & feel.\n  if (children !== undefined) {\n    return (\n      <div\n        data-react-fancy-accordion-trigger=\"\"\n        data-state={open ? \"open\" : \"closed\"}\n        data-orientation={orientation}\n        className={className}\n      >\n        {renderSlot(children, state)}\n      </div>\n    );\n  }\n\n  // Default rendering ----------------------------------------------------\n\n  if (open) {\n    // Trailing-edge divider. The visible line is 1px (rendered via the\n    // ::before pseudo-element so it stays narrow); the button's actual\n    // hitbox is much wider (w-3 / h-3 = 12px) so users don't have to land\n    // pixel-perfect on the line. Hovering the hitbox highlights the line\n    // and reveals an inset chevron signalling \"click to collapse\".\n    return (\n      <button\n        type=\"button\"\n        onClick={toggle}\n        aria-label={ariaLabel ?? \"Collapse section\"}\n        data-react-fancy-accordion-trigger=\"\"\n        data-state=\"open\"\n        data-orientation={orientation}\n        className={cn(\n          \"group relative flex shrink-0 items-center justify-center cursor-pointer\",\n          \"text-zinc-500 dark:text-zinc-500\",\n          \"hover:text-zinc-900 dark:hover:text-zinc-100\",\n          // Wide hitbox + thin visible line (drawn via ::before).\n          orientation === \"horizontal\"\n            ? \"w-3 self-stretch\"\n            : \"h-3 self-stretch\",\n          \"before:absolute before:bg-zinc-200 dark:before:bg-zinc-700\",\n          \"before:transition-colors group-hover:before:bg-zinc-400 dark:group-hover:before:bg-zinc-500\",\n          orientation === \"horizontal\"\n            ? \"before:top-0 before:bottom-0 before:w-px before:left-1/2 before:-translate-x-1/2\"\n            : \"before:left-0 before:right-0 before:h-px before:top-1/2 before:-translate-y-1/2\",\n          \"transition-colors\",\n          className,\n        )}\n      >\n        <ChevronIcon\n          orientation={orientation}\n          purpose=\"collapse\"\n          className=\"relative opacity-0 group-hover:opacity-100 transition-opacity\"\n        />\n      </button>\n    );\n  }\n\n  // Closed: standalone chevron button. Click to re-expand.\n  return (\n    <button\n      type=\"button\"\n      onClick={toggle}\n      aria-label={ariaLabel ?? \"Expand section\"}\n      data-react-fancy-accordion-trigger=\"\"\n      data-state=\"closed\"\n      data-orientation={orientation}\n      className={cn(\n        \"flex shrink-0 items-center justify-center rounded-md\",\n        \"text-zinc-400 dark:text-zinc-500\",\n        \"hover:text-zinc-900 dark:hover:text-zinc-100\",\n        \"hover:bg-zinc-100 dark:hover:bg-zinc-800\",\n        \"transition-colors cursor-pointer\",\n        orientation === \"horizontal\" ? \"h-8 w-6 mx-0.5\" : \"w-8 h-6 my-0.5\",\n        className,\n      )}\n    >\n      <ChevronIcon orientation={orientation} purpose=\"expand\" />\n    </button>\n  );\n}\n\nAccordionPanelTrigger.displayName = \"AccordionPanelTrigger\";\n\n// ── Internal chevron ────────────────────────────────────────────────────\n\nfunction ChevronIcon({\n  orientation,\n  purpose,\n  className,\n}: {\n  orientation: \"horizontal\" | \"vertical\";\n  /** \"expand\" → closed section, click to open. \"collapse\" → open section, click to close. */\n  purpose: \"expand\" | \"collapse\";\n  className?: string;\n}) {\n  // For horizontal: both states use a left-pointing chevron (matches the\n  // screenshot convention — closed sections show ❮, open dividers reveal\n  // a ❮ on hover indicating the section will collapse leftward).\n  //\n  // For vertical: closed shows down ⌄ (click to expand below); open\n  // divider on hover shows up ⌃ (click to collapse upward).\n  const transform =\n    orientation === \"horizontal\"\n      ? \"rotate(180deg)\"\n      : purpose === \"expand\"\n        ? \"rotate(90deg)\"\n        : \"rotate(270deg)\";\n\n  return (\n    <svg\n      viewBox=\"0 0 16 16\"\n      width=\"12\"\n      height=\"12\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      style={{ transform }}\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <polyline points=\"6 4 10 8 6 12\" />\n    </svg>\n  );\n}\n","import type { ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useAccordionSection } from \"./AccordionPanel.context\";\n\nexport interface AccordionPanelContentProps {\n  children: ReactNode;\n  className?: string;\n  /**\n   * Skip the default flex-row/flex-col + items-center + gap classes so the\n   * consumer can lay out the open-state content however they want (e.g. a\n   * full-height chat panel with header/scroll/input rows). The\n   * `data-react-fancy-accordion-content` attribute and conditional render\n   * (only when the section is open) are kept.\n   */\n  unstyled?: boolean;\n}\n\n/**\n * Wrapper for the open-state content of a Section. Renders its children\n * only when the parent Section is open; returns `null` otherwise.\n *\n * Use this so siblings of `<AccordionPanel.Trigger>` inside a section can\n * cleanly toggle in/out of the DOM.\n *\n * The default styling assumes an inline cluster — flex row (horizontal\n * orientation) or column (vertical), centered, with a small gap. For panel\n * use cases where the content needs full-bleed layout (chat panes, canvas\n * surfaces, etc.), pass `unstyled` and supply your own className.\n */\nexport function AccordionPanelContent({\n  children,\n  className,\n  unstyled,\n}: AccordionPanelContentProps) {\n  const { open, orientation } = useAccordionSection();\n  if (!open) return null;\n\n  return (\n    <div\n      data-react-fancy-accordion-content=\"\"\n      data-orientation={orientation}\n      className={cn(\n        !unstyled && \"flex items-center gap-1\",\n        !unstyled && (orientation === \"horizontal\" ? \"flex-row\" : \"flex-col\"),\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n\nAccordionPanelContent.displayName = \"AccordionPanelContent\";\n","import { useCallback, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useControllableState } from \"../../hooks/use-controllable-state\";\nimport { AccordionPanelContext } from \"./AccordionPanel.context\";\nimport { AccordionPanelSection } from \"./AccordionPanel.Section\";\nimport { AccordionPanelTrigger } from \"./AccordionPanel.Trigger\";\nimport { AccordionPanelContent } from \"./AccordionPanel.Content\";\nimport type { AccordionPanelProps } from \"./AccordionPanel.types\";\n\n/**\n * Horizontal or vertical accordion of collapsible sections.\n *\n * Use the compound parts:\n *   <AccordionPanel orientation=\"horizontal\" defaultValue={[\"wishlist\"]}>\n *     <AccordionPanel.Section id=\"home\" pinned>\n *       <Button icon=\"home\" />\n *     </AccordionPanel.Section>\n *     <AccordionPanel.Section id=\"wishlist\">\n *       <Button icon=\"list\">Wishlist</Button>\n *     </AccordionPanel.Section>\n *   </AccordionPanel>\n *\n * Each non-pinned section renders a trigger (default chevron-divider) that\n * collapses/expands. Pass a custom `trigger` prop on a Section, or use the\n * exported `AccordionPanel.Trigger` directly to compose your own.\n */\nfunction AccordionPanelRoot({\n  orientation = \"horizontal\",\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  className,\n  children,\n}: AccordionPanelProps) {\n  const [openIds, setOpenIds] = useControllableState<string[]>(\n    controlledValue,\n    defaultValue ?? [],\n    onValueChange,\n  );\n\n  const openSet = useMemo(() => new Set(openIds), [openIds]);\n\n  const isOpen = useCallback((id: string) => openSet.has(id), [openSet]);\n\n  const open = useCallback(\n    (id: string) => {\n      setOpenIds(openSet.has(id) ? (openIds ?? []) : [...(openIds ?? []), id]);\n    },\n    [openSet, openIds, setOpenIds],\n  );\n\n  const close = useCallback(\n    (id: string) => {\n      setOpenIds((openIds ?? []).filter((x) => x !== id));\n    },\n    [openIds, setOpenIds],\n  );\n\n  const toggle = useCallback(\n    (id: string) => {\n      setOpenIds(\n        openSet.has(id)\n          ? (openIds ?? []).filter((x) => x !== id)\n          : [...(openIds ?? []), id],\n      );\n    },\n    [openSet, openIds, setOpenIds],\n  );\n\n  // Track section order for downstream consumers (e.g. trigger direction\n  // heuristics that need to know neighbors).\n  const [sectionIds, setSectionIds] = useState<string[]>([]);\n  const orderRef = useRef<string[]>([]);\n\n  const registerSection = useCallback((id: string) => {\n    if (!orderRef.current.includes(id)) {\n      orderRef.current = [...orderRef.current, id];\n      setSectionIds(orderRef.current);\n    }\n    return () => {\n      orderRef.current = orderRef.current.filter((x) => x !== id);\n      setSectionIds(orderRef.current);\n    };\n  }, []);\n\n  const ctx = useMemo(\n    () => ({\n      orientation,\n      isOpen,\n      toggle,\n      open,\n      close,\n      sectionIds,\n      registerSection,\n    }),\n    [orientation, isOpen, toggle, open, close, sectionIds, registerSection],\n  );\n\n  return (\n    <AccordionPanelContext.Provider value={ctx}>\n      <div\n        data-react-fancy-accordion-panel=\"\"\n        data-orientation={orientation}\n        className={cn(\n          \"inline-flex items-stretch\",\n          orientation === \"horizontal\" ? \"flex-row\" : \"flex-col\",\n          className,\n        )}\n      >\n        {children}\n      </div>\n    </AccordionPanelContext.Provider>\n  );\n}\n\nAccordionPanelRoot.displayName = \"AccordionPanel\";\n\n// ── Compound exports ────────────────────────────────────────────────────\n\ntype AccordionPanelType = typeof AccordionPanelRoot & {\n  Section: typeof AccordionPanelSection;\n  Trigger: typeof AccordionPanelTrigger;\n  Content: typeof AccordionPanelContent;\n};\n\nexport const AccordionPanel = AccordionPanelRoot as AccordionPanelType;\nAccordionPanel.Section = AccordionPanelSection;\nAccordionPanel.Trigger = AccordionPanelTrigger;\nAccordionPanel.Content = AccordionPanelContent;\n"]}