@vegait/lyra-ds-v2 0.1.0

package/dist/chunk-RZQAADXK.cjs

@@ -0,0 +1,274 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+
+
+var _chunk5SCF3EGTcjs = require('./chunk-5SCF3EGT.cjs');
+
+// src/components/data-table.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+
+
+
+
+
+var _reacttable = require('@tanstack/react-table');
+var _reactvirtual = require('@tanstack/react-virtual');
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+function DataTableImpl(props, ref) {
+  const {
+    columns,
+    rows,
+    rowKey,
+    selectedRows,
+    onSelectRows,
+    loading,
+    defaultSort,
+    onSortChange,
+    virtualized = false,
+    maxHeight = "480px",
+    rowHeight = 49,
+    className
+  } = props;
+  const [sorting, setSorting] = React.useState(
+    defaultSort ? [{ id: defaultSort.columnKey, desc: defaultSort.direction === "desc" }] : []
+  );
+  React.useEffect(() => {
+    if (!onSortChange) return;
+    const first = sorting[0];
+    onSortChange(
+      first ? { columnKey: first.id, direction: first.desc ? "desc" : "asc" } : null
+    );
+  }, [sorting]);
+  const getId = React.useCallback(
+    (row) => {
+      if (typeof rowKey === "function") return rowKey(row);
+      return String(row[rowKey]);
+    },
+    [rowKey]
+  );
+  const tanstackColumns = React.useMemo(
+    () => columns.map((col) => ({
+      id: col.key,
+      accessorFn: _nullishCoalesce(col.accessor, () => ( ((row) => row[col.key]))),
+      header: col.header,
+      cell: ({ row }) => col.cell ? col.cell(row.original) : String(_nullishCoalesce(row.getValue(col.key), () => ( ""))),
+      enableSorting: col.sortable !== false,
+      meta: { width: col.width }
+    })),
+    [columns]
+  );
+  const table = _reacttable.useReactTable.call(void 0, {
+    data: rows,
+    columns: tanstackColumns,
+    state: { sorting },
+    onSortingChange: setSorting,
+    getCoreRowModel: _reacttable.getCoreRowModel.call(void 0, ),
+    getSortedRowModel: _reacttable.getSortedRowModel.call(void 0, ),
+    enableRowSelection: !!onSelectRows,
+    getRowId: getId
+  });
+  const rowsModel = table.getRowModel().rows;
+  const selectable = !!onSelectRows;
+  const allSelected = selectable && rowsModel.length > 0 && rowsModel.every((r) => _optionalChain([selectedRows, 'optionalAccess', _2 => _2.includes, 'call', _3 => _3(r.id)]));
+  const someSelected = selectable && !allSelected && rowsModel.some((r) => _optionalChain([selectedRows, 'optionalAccess', _4 => _4.includes, 'call', _5 => _5(r.id)]));
+  function toggleAll() {
+    if (!onSelectRows) return;
+    onSelectRows(allSelected ? [] : rowsModel.map((r) => r.id));
+  }
+  function toggleRow(id) {
+    if (!onSelectRows || !selectedRows) return;
+    onSelectRows(
+      selectedRows.includes(id) ? selectedRows.filter((s) => s !== id) : [...selectedRows, id]
+    );
+  }
+  const scrollRef = React.useRef(null);
+  React.useImperativeHandle(ref, () => scrollRef.current);
+  const virtualizer = _reactvirtual.useVirtualizer.call(void 0, {
+    count: rowsModel.length,
+    getScrollElement: () => scrollRef.current,
+    estimateSize: () => rowHeight,
+    overscan: 8
+  });
+  const skeletonRows = Array.from({ length: 5 });
+  const headerEl = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "thead", { className: virtualized ? "sticky top-0 z-[1]" : void 0, children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "tr",
+    {
+      className: "bg-[var(--color-surf-container-low)] border-b border-[var(--color-outline-variant)]",
+      children: [
+        selectable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "th", { scope: "col", className: "w-10 px-4 py-3", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "input",
+          {
+            type: "checkbox",
+            checked: allSelected,
+            ref: (el) => {
+              if (el) el.indeterminate = someSelected;
+            },
+            onChange: toggleAll,
+            className: "rounded accent-[var(--color-primary)]",
+            "aria-label": "Selecionar todos"
+          }
+        ) }),
+        headerGroup.headers.map((header) => {
+          const meta = _nullishCoalesce(header.column.columnDef.meta, () => ( {}));
+          const canSort = header.column.getCanSort();
+          const sortDir = header.column.getIsSorted();
+          const ariaSort = !canSort ? void 0 : sortDir === "asc" ? "ascending" : sortDir === "desc" ? "descending" : "none";
+          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "th",
+            {
+              scope: "col",
+              "aria-sort": ariaSort,
+              style: meta.width ? { width: meta.width } : void 0,
+              className: _chunk5SCF3EGTcjs.cn.call(void 0, 
+                "px-4 py-3 text-label text-[var(--color-on-surface-var)] font-semibold text-left",
+                canSort && "cursor-pointer select-none hover:text-[var(--color-on-surface)] transition-colors"
+              ),
+              onClick: canSort ? header.column.getToggleSortingHandler() : void 0,
+              onKeyDown: canSort ? (e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                  e.preventDefault();
+                  header.column.toggleSorting();
+                }
+              } : void 0,
+              tabIndex: canSort ? 0 : void 0,
+              children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "inline-flex items-center gap-1.5", children: [
+                _reacttable.flexRender.call(void 0, 
+                  header.column.columnDef.header,
+                  header.getContext()
+                ),
+                canSort && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: "opacity-60", children: sortDir === "asc" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronUp, { className: "size-3.5" }) : sortDir === "desc" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronDown, { className: "size-3.5" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronsUpDown, { className: "size-3.5" }) })
+              ] })
+            },
+            header.id
+          );
+        })
+      ]
+    },
+    headerGroup.id
+  )) });
+  const bodyContent = loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", { children: skeletonRows.map((_, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "tr",
+    {
+      className: i % 2 === 0 ? "bg-[var(--color-surface)]" : "bg-[var(--color-surf-container-low)]",
+      children: [
+        selectable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { className: "px-4 py-3", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "size-4 rounded bg-[var(--color-surf-container-highest)] animate-pulse" }) }),
+        columns.map((col) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { className: "px-4 py-3", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "div",
+          {
+            className: "h-4 rounded bg-[var(--color-surf-container-highest)] animate-pulse",
+            style: { width: "65%" }
+          }
+        ) }, col.key))
+      ]
+    },
+    i
+  )) }) : virtualized ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "tbody",
+    {
+      style: {
+        display: "block",
+        position: "relative",
+        height: `${virtualizer.getTotalSize()}px`
+      },
+      children: virtualizer.getVirtualItems().map((virtualRow) => {
+        const row = rowsModel[virtualRow.index];
+        const isSelected = _optionalChain([selectedRows, 'optionalAccess', _6 => _6.includes, 'call', _7 => _7(row.id)]);
+        const isEven = virtualRow.index % 2 === 0;
+        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "tr",
+          {
+            className: _chunk5SCF3EGTcjs.cn.call(void 0, 
+              "transition-colors flex w-full",
+              isSelected ? "bg-[var(--color-primary-container)]" : isEven ? "bg-[var(--color-surface)] hover:bg-[var(--state-hover-on-surface)]" : "bg-[var(--color-surf-container-low)] hover:bg-[var(--state-hover-on-surface)]"
+            ),
+            style: {
+              position: "absolute",
+              top: 0,
+              left: 0,
+              transform: `translateY(${virtualRow.start}px)`,
+              height: `${rowHeight}px`
+            },
+            children: [
+              selectable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { className: "w-10 px-4 py-3 flex items-center shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "input",
+                {
+                  type: "checkbox",
+                  checked: !!isSelected,
+                  onChange: () => toggleRow(row.id),
+                  className: "rounded accent-[var(--color-primary)]",
+                  "aria-label": `Selecionar linha ${row.id}`
+                }
+              ) }),
+              row.getVisibleCells().map((cell) => {
+                const meta = _nullishCoalesce(cell.column.columnDef.meta, () => ( {}));
+                return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "td",
+                  {
+                    className: "px-4 py-3 text-body-md text-[var(--color-on-surface)] flex items-center",
+                    style: meta.width ? { width: meta.width, flexShrink: 0 } : { flex: 1 },
+                    children: _reacttable.flexRender.call(void 0, cell.column.columnDef.cell, cell.getContext())
+                  },
+                  cell.id
+                );
+              })
+            ]
+          },
+          row.id
+        );
+      })
+    }
+  ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", { children: rowsModel.map((row, idx) => {
+    const isSelected = _optionalChain([selectedRows, 'optionalAccess', _8 => _8.includes, 'call', _9 => _9(row.id)]);
+    const isEven = idx % 2 === 0;
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "tr",
+      {
+        className: _chunk5SCF3EGTcjs.cn.call(void 0, 
+          "transition-colors",
+          isSelected ? "bg-[var(--color-primary-container)]" : isEven ? "bg-[var(--color-surface)] hover:bg-[var(--state-hover-on-surface)]" : "bg-[var(--color-surf-container-low)] hover:bg-[var(--state-hover-on-surface)]"
+        ),
+        children: [
+          selectable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { className: "px-4 py-3", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "input",
+            {
+              type: "checkbox",
+              checked: !!isSelected,
+              onChange: () => toggleRow(row.id),
+              className: "rounded accent-[var(--color-primary)]",
+              "aria-label": `Selecionar linha ${row.id}`
+            }
+          ) }),
+          row.getVisibleCells().map((cell) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "td",
+            {
+              className: "px-4 py-3 text-body-md text-[var(--color-on-surface)]",
+              children: _reacttable.flexRender.call(void 0, cell.column.columnDef.cell, cell.getContext())
+            },
+            cell.id
+          ))
+        ]
+      },
+      row.id
+    );
+  }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ref: scrollRef,
+      className: _chunk5SCF3EGTcjs.cn.call(void 0, "w-full overflow-auto", className),
+      style: virtualized ? {
+        maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight
+      } : void 0,
+      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "table", { className: "w-full text-left", children: [
+        headerEl,
+        bodyContent
+      ] })
+    }
+  );
+}
+var DataTable = React.forwardRef(DataTableImpl);
+
+
+
+exports.DataTable = DataTable;
+//# sourceMappingURL=chunk-RZQAADXK.cjs.map

package/dist/chunk-RZQAADXK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-RZQAADXK.cjs","../src/components/data-table.tsx"],"names":[],"mappings":"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","file":"/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-RZQAADXK.cjs","sourcesContent":[null,"\"use client\";\n\nimport * as React from \"react\";\nimport {\n  flexRender,\n  getCoreRowModel,\n  getSortedRowModel,\n  useReactTable,\n  type ColumnDef,\n  type SortingState,\n} from \"@tanstack/react-table\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport { ChevronDown, ChevronUp, ChevronsUpDown } from \"lucide-react\";\nimport { cn } from \"../lib/utils\";\n\nexport interface DataTableColumn<T> {\n  key: string;\n  header: string;\n  cell?: (row: T) => React.ReactNode;\n  width?: string;\n  sortable?: boolean;\n  accessor?: (row: T) => unknown;\n}\n\nexport type DataTableSort = { columnKey: string; direction: \"asc\" | \"desc\" };\n\nexport interface DataTableProps<T> {\n  columns: DataTableColumn<T>[];\n  rows: T[];\n  rowKey: keyof T | ((row: T) => string);\n  selectedRows?: string[];\n  onSelectRows?: (ids: string[]) => void;\n  loading?: boolean;\n  defaultSort?: DataTableSort;\n  onSortChange?: (sort: DataTableSort | null) => void;\n  virtualized?: boolean;\n  maxHeight?: string | number;\n  rowHeight?: number;\n  className?: string;\n}\n\nfunction DataTableImpl<T>(\n  props: DataTableProps<T>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) {\n  const {\n    columns,\n    rows,\n    rowKey,\n    selectedRows,\n    onSelectRows,\n    loading,\n    defaultSort,\n    onSortChange,\n    virtualized = false,\n    maxHeight = \"480px\",\n    rowHeight = 49,\n    className,\n  } = props;\n\n  const [sorting, setSorting] = React.useState<SortingState>(\n    defaultSort\n      ? [{ id: defaultSort.columnKey, desc: defaultSort.direction === \"desc\" }]\n      : []\n  );\n\n  React.useEffect(() => {\n    if (!onSortChange) return;\n    const first = sorting[0];\n    onSortChange(\n      first\n        ? { columnKey: first.id, direction: first.desc ? \"desc\" : \"asc\" }\n        : null\n    );\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [sorting]);\n\n  const getId = React.useCallback(\n    (row: T): string => {\n      if (typeof rowKey === \"function\") return rowKey(row);\n      return String((row as Record<string, unknown>)[rowKey as string]);\n    },\n    [rowKey]\n  );\n\n  const tanstackColumns = React.useMemo<ColumnDef<T>[]>(\n    () =>\n      columns.map<ColumnDef<T>>((col) => ({\n        id: col.key,\n        accessorFn:\n          col.accessor ??\n          ((row: T) => (row as Record<string, unknown>)[col.key]),\n        header: col.header,\n        cell: ({ row }) =>\n          col.cell\n            ? col.cell(row.original)\n            : String(row.getValue(col.key) ?? \"\"),\n        enableSorting: col.sortable !== false,\n        meta: { width: col.width },\n      })),\n    [columns]\n  );\n\n  const table = useReactTable({\n    data: rows,\n    columns: tanstackColumns,\n    state: { sorting },\n    onSortingChange: setSorting,\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    enableRowSelection: !!onSelectRows,\n    getRowId: getId,\n  });\n\n  const rowsModel = table.getRowModel().rows;\n  const selectable = !!onSelectRows;\n\n  const allSelected =\n    selectable &&\n    rowsModel.length > 0 &&\n    rowsModel.every((r) => selectedRows?.includes(r.id));\n  const someSelected =\n    selectable &&\n    !allSelected &&\n    rowsModel.some((r) => selectedRows?.includes(r.id));\n\n  function toggleAll() {\n    if (!onSelectRows) return;\n    onSelectRows(allSelected ? [] : rowsModel.map((r) => r.id));\n  }\n\n  function toggleRow(id: string) {\n    if (!onSelectRows || !selectedRows) return;\n    onSelectRows(\n      selectedRows.includes(id)\n        ? selectedRows.filter((s) => s !== id)\n        : [...selectedRows, id]\n    );\n  }\n\n  // ─── Virtualizer ────────────────────────────────────────────────────────────\n\n  const scrollRef = React.useRef<HTMLDivElement>(null);\n  React.useImperativeHandle(ref, () => scrollRef.current as HTMLDivElement);\n\n  const virtualizer = useVirtualizer({\n    count: rowsModel.length,\n    getScrollElement: () => scrollRef.current,\n    estimateSize: () => rowHeight,\n    overscan: 8,\n  });\n\n  const skeletonRows = Array.from({ length: 5 });\n\n  // ─── Render helpers ─────────────────────────────────────────────────────────\n\n  const headerEl = (\n    <thead className={virtualized ? \"sticky top-0 z-[1]\" : undefined}>\n      {table.getHeaderGroups().map((headerGroup) => (\n        <tr\n          key={headerGroup.id}\n          className=\"bg-[var(--color-surf-container-low)] border-b border-[var(--color-outline-variant)]\"\n        >\n          {selectable && (\n            <th scope=\"col\" className=\"w-10 px-4 py-3\">\n              <input\n                type=\"checkbox\"\n                checked={allSelected}\n                ref={(el) => {\n                  if (el) el.indeterminate = someSelected;\n                }}\n                onChange={toggleAll}\n                className=\"rounded accent-[var(--color-primary)]\"\n                aria-label=\"Selecionar todos\"\n              />\n            </th>\n          )}\n          {headerGroup.headers.map((header) => {\n            const meta = (header.column.columnDef.meta ?? {}) as {\n              width?: string;\n            };\n            const canSort = header.column.getCanSort();\n            const sortDir = header.column.getIsSorted();\n            const ariaSort: React.AriaAttributes[\"aria-sort\"] = !canSort\n              ? undefined\n              : sortDir === \"asc\"\n              ? \"ascending\"\n              : sortDir === \"desc\"\n              ? \"descending\"\n              : \"none\";\n\n            return (\n              <th\n                key={header.id}\n                scope=\"col\"\n                aria-sort={ariaSort}\n                style={meta.width ? { width: meta.width } : undefined}\n                className={cn(\n                  \"px-4 py-3 text-label text-[var(--color-on-surface-var)] font-semibold text-left\",\n                  canSort &&\n                    \"cursor-pointer select-none hover:text-[var(--color-on-surface)] transition-colors\"\n                )}\n                onClick={\n                  canSort ? header.column.getToggleSortingHandler() : undefined\n                }\n                onKeyDown={\n                  canSort\n                    ? (e) => {\n                        if (e.key === \"Enter\" || e.key === \" \") {\n                          e.preventDefault();\n                          header.column.toggleSorting();\n                        }\n                      }\n                    : undefined\n                }\n                tabIndex={canSort ? 0 : undefined}\n              >\n                <span className=\"inline-flex items-center gap-1.5\">\n                  {flexRender(\n                    header.column.columnDef.header,\n                    header.getContext()\n                  )}\n                  {canSort && (\n                    <span aria-hidden=\"true\" className=\"opacity-60\">\n                      {sortDir === \"asc\" ? (\n                        <ChevronUp className=\"size-3.5\" />\n                      ) : sortDir === \"desc\" ? (\n                        <ChevronDown className=\"size-3.5\" />\n                      ) : (\n                        <ChevronsUpDown className=\"size-3.5\" />\n                      )}\n                    </span>\n                  )}\n                </span>\n              </th>\n            );\n          })}\n        </tr>\n      ))}\n    </thead>\n  );\n\n  const bodyContent = loading ? (\n    <tbody>\n      {skeletonRows.map((_, i) => (\n        <tr\n          key={i}\n          className={\n            i % 2 === 0\n              ? \"bg-[var(--color-surface)]\"\n              : \"bg-[var(--color-surf-container-low)]\"\n          }\n        >\n          {selectable && (\n            <td className=\"px-4 py-3\">\n              <div className=\"size-4 rounded bg-[var(--color-surf-container-highest)] animate-pulse\" />\n            </td>\n          )}\n          {columns.map((col) => (\n            <td key={col.key} className=\"px-4 py-3\">\n              <div\n                className=\"h-4 rounded bg-[var(--color-surf-container-highest)] animate-pulse\"\n                style={{ width: \"65%\" }}\n              />\n            </td>\n          ))}\n        </tr>\n      ))}\n    </tbody>\n  ) : virtualized ? (\n    <tbody\n      style={{\n        display: \"block\",\n        position: \"relative\",\n        height: `${virtualizer.getTotalSize()}px`,\n      }}\n    >\n      {virtualizer.getVirtualItems().map((virtualRow) => {\n        const row = rowsModel[virtualRow.index];\n        const isSelected = selectedRows?.includes(row.id);\n        const isEven = virtualRow.index % 2 === 0;\n        return (\n          <tr\n            key={row.id}\n            className={cn(\n              \"transition-colors flex w-full\",\n              isSelected\n                ? \"bg-[var(--color-primary-container)]\"\n                : isEven\n                ? \"bg-[var(--color-surface)] hover:bg-[var(--state-hover-on-surface)]\"\n                : \"bg-[var(--color-surf-container-low)] hover:bg-[var(--state-hover-on-surface)]\"\n            )}\n            style={{\n              position: \"absolute\",\n              top: 0,\n              left: 0,\n              transform: `translateY(${virtualRow.start}px)`,\n              height: `${rowHeight}px`,\n            }}\n          >\n            {selectable && (\n              <td className=\"w-10 px-4 py-3 flex items-center shrink-0\">\n                <input\n                  type=\"checkbox\"\n                  checked={!!isSelected}\n                  onChange={() => toggleRow(row.id)}\n                  className=\"rounded accent-[var(--color-primary)]\"\n                  aria-label={`Selecionar linha ${row.id}`}\n                />\n              </td>\n            )}\n            {row.getVisibleCells().map((cell) => {\n              const meta = (cell.column.columnDef.meta ?? {}) as {\n                width?: string;\n              };\n              return (\n                <td\n                  key={cell.id}\n                  className=\"px-4 py-3 text-body-md text-[var(--color-on-surface)] flex items-center\"\n                  style={\n                    meta.width ? { width: meta.width, flexShrink: 0 } : { flex: 1 }\n                  }\n                >\n                  {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                </td>\n              );\n            })}\n          </tr>\n        );\n      })}\n    </tbody>\n  ) : (\n    <tbody>\n      {rowsModel.map((row, idx) => {\n        const isSelected = selectedRows?.includes(row.id);\n        const isEven = idx % 2 === 0;\n        return (\n          <tr\n            key={row.id}\n            className={cn(\n              \"transition-colors\",\n              isSelected\n                ? \"bg-[var(--color-primary-container)]\"\n                : isEven\n                ? \"bg-[var(--color-surface)] hover:bg-[var(--state-hover-on-surface)]\"\n                : \"bg-[var(--color-surf-container-low)] hover:bg-[var(--state-hover-on-surface)]\"\n            )}\n          >\n            {selectable && (\n              <td className=\"px-4 py-3\">\n                <input\n                  type=\"checkbox\"\n                  checked={!!isSelected}\n                  onChange={() => toggleRow(row.id)}\n                  className=\"rounded accent-[var(--color-primary)]\"\n                  aria-label={`Selecionar linha ${row.id}`}\n                />\n              </td>\n            )}\n            {row.getVisibleCells().map((cell) => (\n              <td\n                key={cell.id}\n                className=\"px-4 py-3 text-body-md text-[var(--color-on-surface)]\"\n              >\n                {flexRender(cell.column.columnDef.cell, cell.getContext())}\n              </td>\n            ))}\n          </tr>\n        );\n      })}\n    </tbody>\n  );\n\n  return (\n    <div\n      ref={scrollRef}\n      className={cn(\"w-full overflow-auto\", className)}\n      style={\n        virtualized\n          ? {\n              maxHeight:\n                typeof maxHeight === \"number\" ? `${maxHeight}px` : maxHeight,\n            }\n          : undefined\n      }\n    >\n      <table className=\"w-full text-left\">\n        {headerEl}\n        {bodyContent}\n      </table>\n    </div>\n  );\n}\n\nconst DataTable = React.forwardRef(DataTableImpl) as <T>(\n  props: DataTableProps<T> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => React.ReactElement;\n\nexport { DataTable };\n"]}

package/dist/chunk-SPAC4VNO.js

@@ -0,0 +1,67 @@
+"use client";
+import {
+  cn
+} from "./chunk-KQJCGTS3.js";
+
+// src/components/card.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var Card = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "bg-[var(--color-surf-container)] border border-[var(--color-outline-variant)]",
+        "rounded-[var(--radius-lg)] shadow-sm",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Card.displayName = "Card";
+var CardHeader = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("flex flex-col gap-1.5 p-[var(--space-block)]", className),
+      ...props
+    }
+  )
+);
+CardHeader.displayName = "CardHeader";
+var CardContent = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("px-[var(--space-block)] pb-[var(--space-block)]", className),
+      ...props
+    }
+  )
+);
+CardContent.displayName = "CardContent";
+var CardFooter = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex items-center px-[var(--space-block)] pb-[var(--space-block)]",
+        className
+      ),
+      ...props
+    }
+  )
+);
+CardFooter.displayName = "CardFooter";
+
+export {
+  Card,
+  CardHeader,
+  CardContent,
+  CardFooter
+};
+//# sourceMappingURL=chunk-SPAC4VNO.js.map

package/dist/chunk-SPAC4VNO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/card.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../lib/utils\";\n\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        \"bg-[var(--color-surf-container)] border border-[var(--color-outline-variant)]\",\n        \"rounded-[var(--radius-lg)] shadow-sm\",\n        className\n      )}\n      {...props}\n    />\n  )\n);\nCard.displayName = \"Card\";\n\nconst CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\"flex flex-col gap-1.5 p-[var(--space-block)]\", className)}\n      {...props}\n    />\n  )\n);\nCardHeader.displayName = \"CardHeader\";\n\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\"px-[var(--space-block)] pb-[var(--space-block)]\", className)}\n      {...props}\n    />\n  )\n);\nCardContent.displayName = \"CardContent\";\n\nconst CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex items-center px-[var(--space-block)] pb-[var(--space-block)]\",\n        className\n      )}\n      {...props}\n    />\n  )\n);\nCardFooter.displayName = \"CardFooter\";\n\nexport { Card, CardHeader, CardContent, CardFooter };\n"],"mappings":";;;;;;AAAA,YAAY,WAAW;AAKnB;AAFJ,IAAM,OAAa;AAAA,EACjB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,KAAK,cAAc;AAEnB,IAAM,aAAmB;AAAA,EACvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,gDAAgD,SAAS;AAAA,MACtE,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,WAAW,cAAc;AAEzB,IAAM,cAAoB;AAAA,EACxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,mDAAmD,SAAS;AAAA,MACzE,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,YAAY,cAAc;AAE1B,IAAM,aAAmB;AAAA,EACvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,WAAW,cAAc;","names":[]}

package/dist/chunk-TONUCO3E.cjs

@@ -0,0 +1,70 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+
+
+var _chunk5SCF3EGTcjs = require('./chunk-5SCF3EGT.cjs');
+
+// src/components/modal.tsx
+var _reactdialog = require('@radix-ui/react-dialog'); var Dialog = _interopRequireWildcard(_reactdialog);
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+var SIZE_MAP = {
+  sm: "max-w-[360px]",
+  md: "max-w-[480px]",
+  lg: "max-w-[640px]"
+};
+function Modal({
+  open,
+  onClose,
+  title,
+  description,
+  children,
+  footer,
+  size = "md",
+  className
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Dialog.Root, { open, onOpenChange: (o) => {
+    if (!o) onClose();
+  }, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Dialog.Portal, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Dialog.Overlay, { className: "fixed inset-0 bg-black/50 z-50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      Dialog.Content,
+      {
+        className: _chunk5SCF3EGTcjs.cn.call(void 0, 
+          "fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2 w-[calc(100%-2rem)]",
+          "bg-[var(--color-surf-container)] border border-[var(--color-outline-variant)]",
+          "rounded-[var(--radius-lg)] shadow-lg focus:outline-none",
+          "data-[state=open]:animate-in data-[state=closed]:animate-out",
+          "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+          "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+          "data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]",
+          "data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
+          SIZE_MAP[size],
+          className
+        ),
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start justify-between px-[var(--space-block)] pt-[var(--space-block)] pb-4", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 min-w-0 pr-4", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Dialog.Title, { className: "text-display-sm text-[var(--color-on-surface)]", children: title }),
+              description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Dialog.Description, { className: "text-body-md text-[var(--color-on-surface-var)] mt-1", children: description })
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Dialog.Close, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "button",
+              {
+                className: "shrink-0 rounded text-[var(--color-on-surface-var)] hover:text-[var(--color-on-surface)] transition-colors",
+                "aria-label": "Fechar",
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.X, { className: "size-5" })
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "px-[var(--space-block)] pb-[var(--space-block)]", children }),
+          footer && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-end gap-2 px-[var(--space-block)] pb-[var(--space-block)] pt-[var(--space-inline)] border-t border-[var(--color-outline-variant)]", children: footer })
+        ]
+      }
+    )
+  ] }) });
+}
+
+
+
+exports.Modal = Modal;
+//# sourceMappingURL=chunk-TONUCO3E.cjs.map

package/dist/chunk-TONUCO3E.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-TONUCO3E.cjs","../src/components/modal.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACFA,yGAAwB;AACxB,2CAAkB;AAiCV,+CAAA;AA9BR,IAAM,SAAA,EAAmC;AAAA,EACvC,EAAA,EAAI,eAAA;AAAA,EACJ,EAAA,EAAI,eAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAaA,SAAS,KAAA,CAAM;AAAA,EACb,IAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA,EAAO,IAAA;AAAA,EACP;AACF,CAAA,EAAe;AACb,EAAA,uBACE,6BAAA,MAAQ,CAAA,IAAA,EAAP,EAAY,IAAA,EAAY,YAAA,EAAc,CAAC,CAAA,EAAA,GAAM;AAAE,IAAA,GAAA,CAAI,CAAC,CAAA,EAAG,OAAA,CAAQ,CAAA;AAAA,EAAG,CAAA,EACjE,QAAA,kBAAA,8BAAA,MAAQ,CAAA,MAAA,EAAP,EACC,QAAA,EAAA;AAAA,oBAAA,6BAAA,MAAQ,CAAA,OAAA,EAAP,EAAe,SAAA,EAAU,yJAAA,CAAyJ,CAAA;AAAA,oBACnL,8BAAA;AAAA,MAAQ,MAAA,CAAA,OAAA;AAAA,MAAP;AAAA,QACC,SAAA,EAAW,kCAAA;AAAA,UACT,mFAAA;AAAA,UACA,+EAAA;AAAA,UACA,yDAAA;AAAA,UACA,8DAAA;AAAA,UACA,4DAAA;AAAA,UACA,8DAAA;AAAA,UACA,sFAAA;AAAA,UACA,oFAAA;AAAA,UACA,QAAA,CAAS,IAAI,CAAA;AAAA,UACb;AAAA,QACF,CAAA;AAAA,QAGA,QAAA,EAAA;AAAA,0BAAA,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,uFAAA,EACb,QAAA,EAAA;AAAA,4BAAA,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,qBAAA,EACb,QAAA,EAAA;AAAA,8BAAA,6BAAA,MAAQ,CAAA,KAAA,EAAP,EAAa,SAAA,EAAU,gDAAA,EACrB,QAAA,EAAA,MAAA,CACH,CAAA;AAAA,cACC,YAAA,mBACC,6BAAA,MAAQ,CAAA,WAAA,EAAP,EAAmB,SAAA,EAAU,sDAAA,EAC3B,QAAA,EAAA,YAAA,CACH;AAAA,YAAA,EAAA,CAEJ,CAAA;AAAA,4BACA,6BAAA,MAAQ,CAAA,KAAA,EAAP,EAAa,OAAA,EAAO,IAAA,EACnB,QAAA,kBAAA,6BAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAU,4GAAA;AAAA,gBACV,YAAA,EAAW,QAAA;AAAA,gBAEX,QAAA,kBAAA,6BAAA,cAAC,EAAA,EAAE,SAAA,EAAU,SAAA,CAAS;AAAA,cAAA;AAAA,YACxB,EAAA,CACF;AAAA,UAAA,EAAA,CACF,CAAA;AAAA,0BAGA,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,iDAAA,EACZ,SAAA,CACH,CAAA;AAAA,UAGC,OAAA,mBACC,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,6JAAA,EACZ,QAAA,EAAA,OAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA,EAAA,CACF,EAAA,CACF,CAAA;AAEJ;ADxBA;AACA;AACE;AACF,sBAAC","file":"/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-TONUCO3E.cjs","sourcesContent":[null,"\"use client\";\n\nimport * as React from \"react\";\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { X } from \"lucide-react\";\nimport { cn } from \"../lib/utils\";\n\nconst SIZE_MAP: Record<string, string> = {\n  sm: \"max-w-[360px]\",\n  md: \"max-w-[480px]\",\n  lg: \"max-w-[640px]\",\n};\n\nexport interface ModalProps {\n  open: boolean;\n  onClose: () => void;\n  title: string;\n  description?: string;\n  children: React.ReactNode;\n  footer?: React.ReactNode;\n  size?: \"sm\" | \"md\" | \"lg\";\n  className?: string;\n}\n\nfunction Modal({\n  open,\n  onClose,\n  title,\n  description,\n  children,\n  footer,\n  size = \"md\",\n  className,\n}: ModalProps) {\n  return (\n    <Dialog.Root open={open} onOpenChange={(o) => { if (!o) onClose(); }}>\n      <Dialog.Portal>\n        <Dialog.Overlay className=\"fixed inset-0 bg-black/50 z-50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\" />\n        <Dialog.Content\n          className={cn(\n            \"fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2 w-[calc(100%-2rem)]\",\n            \"bg-[var(--color-surf-container)] border border-[var(--color-outline-variant)]\",\n            \"rounded-[var(--radius-lg)] shadow-lg focus:outline-none\",\n            \"data-[state=open]:animate-in data-[state=closed]:animate-out\",\n            \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n            \"data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\n            \"data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]\",\n            \"data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]\",\n            SIZE_MAP[size],\n            className\n          )}\n        >\n          {/* Header */}\n          <div className=\"flex items-start justify-between px-[var(--space-block)] pt-[var(--space-block)] pb-4\">\n            <div className=\"flex-1 min-w-0 pr-4\">\n              <Dialog.Title className=\"text-display-sm text-[var(--color-on-surface)]\">\n                {title}\n              </Dialog.Title>\n              {description && (\n                <Dialog.Description className=\"text-body-md text-[var(--color-on-surface-var)] mt-1\">\n                  {description}\n                </Dialog.Description>\n              )}\n            </div>\n            <Dialog.Close asChild>\n              <button\n                className=\"shrink-0 rounded text-[var(--color-on-surface-var)] hover:text-[var(--color-on-surface)] transition-colors\"\n                aria-label=\"Fechar\"\n              >\n                <X className=\"size-5\" />\n              </button>\n            </Dialog.Close>\n          </div>\n\n          {/* Body */}\n          <div className=\"px-[var(--space-block)] pb-[var(--space-block)]\">\n            {children}\n          </div>\n\n          {/* Footer */}\n          {footer && (\n            <div className=\"flex items-center justify-end gap-2 px-[var(--space-block)] pb-[var(--space-block)] pt-[var(--space-inline)] border-t border-[var(--color-outline-variant)]\">\n              {footer}\n            </div>\n          )}\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n}\n\nexport { Modal };\n"]}

package/dist/chunk-V7DPKW5E.cjs

@@ -0,0 +1,48 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+
+
+var _chunk5SCF3EGTcjs = require('./chunk-5SCF3EGT.cjs');
+
+// src/components/tooltip.tsx
+var _reacttooltip = require('@radix-ui/react-tooltip'); var RadixTooltip = _interopRequireWildcard(_reacttooltip);
+var _jsxruntime = require('react/jsx-runtime');
+function Tooltip({
+  content,
+  children,
+  side = "top",
+  delay = 400,
+  className
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RadixTooltip.Provider, { delayDuration: delay, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, RadixTooltip.Root, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RadixTooltip.Trigger, { asChild: true, children }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RadixTooltip.Portal, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      RadixTooltip.Content,
+      {
+        side,
+        sideOffset: 6,
+        className: _chunk5SCF3EGTcjs.cn.call(void 0, 
+          "z-50 max-w-[240px] rounded-[4px] px-2 py-1",
+          "text-[12px] leading-snug font-medium",
+          "bg-[var(--color-on-surface)] text-[var(--color-surface)]",
+          "shadow-md select-none",
+          "animate-in fade-in-0 zoom-in-95",
+          "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+          "data-[side=bottom]:slide-in-from-top-2",
+          "data-[side=top]:slide-in-from-bottom-2",
+          "data-[side=left]:slide-in-from-right-2",
+          "data-[side=right]:slide-in-from-left-2",
+          className
+        ),
+        children: [
+          content,
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RadixTooltip.Arrow, { className: "fill-[var(--color-on-surface)]" })
+        ]
+      }
+    ) })
+  ] }) });
+}
+
+
+
+exports.Tooltip = Tooltip;
+//# sourceMappingURL=chunk-V7DPKW5E.cjs.map

package/dist/chunk-V7DPKW5E.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-V7DPKW5E.cjs","../src/components/tooltip.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACFA,kHAA8B;AAqBtB,+CAAA;AAVR,SAAS,OAAA,CAAQ;AAAA,EACf,OAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA,EAAO,KAAA;AAAA,EACP,MAAA,EAAQ,GAAA;AAAA,EACR;AACF,CAAA,EAAiB;AACf,EAAA,uBACE,6BAAA,YAAc,CAAA,QAAA,EAAb,EAAsB,aAAA,EAAe,KAAA,EACpC,QAAA,kBAAA,8BAAA,YAAc,CAAA,IAAA,EAAb,EACC,QAAA,EAAA;AAAA,oBAAA,6BAAA,YAAc,CAAA,OAAA,EAAb,EAAqB,OAAA,EAAO,IAAA,EAAE,SAAA,CAAS,CAAA;AAAA,oBACxC,6BAAA,YAAc,CAAA,MAAA,EAAb,EACC,QAAA,kBAAA,8BAAA;AAAA,MAAc,YAAA,CAAA,OAAA;AAAA,MAAb;AAAA,QACC,IAAA;AAAA,QACA,UAAA,EAAY,CAAA;AAAA,QACZ,SAAA,EAAW,kCAAA;AAAA,UACT,4CAAA;AAAA,UACA,sCAAA;AAAA,UACA,0DAAA;AAAA,UACA,uBAAA;AAAA,UACA,iCAAA;AAAA,UACA,gGAAA;AAAA,UACA,wCAAA;AAAA,UACA,wCAAA;AAAA,UACA,wCAAA;AAAA,UACA,wCAAA;AAAA,UACA;AAAA,QACF,CAAA;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,OAAA;AAAA,0BACD,6BAAA,YAAc,CAAA,KAAA,EAAb,EAAmB,SAAA,EAAU,iCAAA,CAAiC;AAAA,QAAA;AAAA,MAAA;AAAA,IACjE,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF,CAAA;AAEJ;ADPA;AACA;AACE;AACF,0BAAC","file":"/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-V7DPKW5E.cjs","sourcesContent":[null,"\"use client\";\n\nimport * as React from \"react\";\nimport * as RadixTooltip from \"@radix-ui/react-tooltip\";\nimport { cn } from \"../lib/utils\";\n\nexport interface TooltipProps {\n  content: string;\n  children: React.ReactNode;\n  side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  delay?: number;\n  className?: string;\n}\n\nfunction Tooltip({\n  content,\n  children,\n  side = \"top\",\n  delay = 400,\n  className,\n}: TooltipProps) {\n  return (\n    <RadixTooltip.Provider delayDuration={delay}>\n      <RadixTooltip.Root>\n        <RadixTooltip.Trigger asChild>{children}</RadixTooltip.Trigger>\n        <RadixTooltip.Portal>\n          <RadixTooltip.Content\n            side={side}\n            sideOffset={6}\n            className={cn(\n              \"z-50 max-w-[240px] rounded-[4px] px-2 py-1\",\n              \"text-[12px] leading-snug font-medium\",\n              \"bg-[var(--color-on-surface)] text-[var(--color-surface)]\",\n              \"shadow-md select-none\",\n              \"animate-in fade-in-0 zoom-in-95\",\n              \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95\",\n              \"data-[side=bottom]:slide-in-from-top-2\",\n              \"data-[side=top]:slide-in-from-bottom-2\",\n              \"data-[side=left]:slide-in-from-right-2\",\n              \"data-[side=right]:slide-in-from-left-2\",\n              className\n            )}\n          >\n            {content}\n            <RadixTooltip.Arrow className=\"fill-[var(--color-on-surface)]\" />\n          </RadixTooltip.Content>\n        </RadixTooltip.Portal>\n      </RadixTooltip.Root>\n    </RadixTooltip.Provider>\n  );\n}\n\nexport { Tooltip };\n"]}