@vegait/lyra-ds-v2 0.1.0

package/dist/chunk-MMQZ7YMO.js

@@ -0,0 +1,274 @@
+"use client";
+import {
+  cn
+} from "./chunk-KQJCGTS3.js";
+
+// src/components/data-table.tsx
+import * as React from "react";
+import {
+  flexRender,
+  getCoreRowModel,
+  getSortedRowModel,
+  useReactTable
+} from "@tanstack/react-table";
+import { useVirtualizer } from "@tanstack/react-virtual";
+import { ChevronDown, ChevronUp, ChevronsUpDown } from "lucide-react";
+import { jsx, jsxs } from "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: col.accessor ?? ((row) => row[col.key]),
+      header: col.header,
+      cell: ({ row }) => col.cell ? col.cell(row.original) : String(row.getValue(col.key) ?? ""),
+      enableSorting: col.sortable !== false,
+      meta: { width: col.width }
+    })),
+    [columns]
+  );
+  const table = useReactTable({
+    data: rows,
+    columns: tanstackColumns,
+    state: { sorting },
+    onSortingChange: setSorting,
+    getCoreRowModel: getCoreRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+    enableRowSelection: !!onSelectRows,
+    getRowId: getId
+  });
+  const rowsModel = table.getRowModel().rows;
+  const selectable = !!onSelectRows;
+  const allSelected = selectable && rowsModel.length > 0 && rowsModel.every((r) => selectedRows?.includes(r.id));
+  const someSelected = selectable && !allSelected && rowsModel.some((r) => selectedRows?.includes(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 = useVirtualizer({
+    count: rowsModel.length,
+    getScrollElement: () => scrollRef.current,
+    estimateSize: () => rowHeight,
+    overscan: 8
+  });
+  const skeletonRows = Array.from({ length: 5 });
+  const headerEl = /* @__PURE__ */ jsx("thead", { className: virtualized ? "sticky top-0 z-[1]" : void 0, children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsxs(
+    "tr",
+    {
+      className: "bg-[var(--color-surf-container-low)] border-b border-[var(--color-outline-variant)]",
+      children: [
+        selectable && /* @__PURE__ */ jsx("th", { scope: "col", className: "w-10 px-4 py-3", children: /* @__PURE__ */ jsx(
+          "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 = 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__ */ jsx(
+            "th",
+            {
+              scope: "col",
+              "aria-sort": ariaSort,
+              style: meta.width ? { width: meta.width } : void 0,
+              className: cn(
+                "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__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+                flexRender(
+                  header.column.columnDef.header,
+                  header.getContext()
+                ),
+                canSort && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "opacity-60", children: sortDir === "asc" ? /* @__PURE__ */ jsx(ChevronUp, { className: "size-3.5" }) : sortDir === "desc" ? /* @__PURE__ */ jsx(ChevronDown, { className: "size-3.5" }) : /* @__PURE__ */ jsx(ChevronsUpDown, { className: "size-3.5" }) })
+              ] })
+            },
+            header.id
+          );
+        })
+      ]
+    },
+    headerGroup.id
+  )) });
+  const bodyContent = loading ? /* @__PURE__ */ jsx("tbody", { children: skeletonRows.map((_, i) => /* @__PURE__ */ jsxs(
+    "tr",
+    {
+      className: i % 2 === 0 ? "bg-[var(--color-surface)]" : "bg-[var(--color-surf-container-low)]",
+      children: [
+        selectable && /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx("div", { className: "size-4 rounded bg-[var(--color-surf-container-highest)] animate-pulse" }) }),
+        columns.map((col) => /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "h-4 rounded bg-[var(--color-surf-container-highest)] animate-pulse",
+            style: { width: "65%" }
+          }
+        ) }, col.key))
+      ]
+    },
+    i
+  )) }) : virtualized ? /* @__PURE__ */ jsx(
+    "tbody",
+    {
+      style: {
+        display: "block",
+        position: "relative",
+        height: `${virtualizer.getTotalSize()}px`
+      },
+      children: virtualizer.getVirtualItems().map((virtualRow) => {
+        const row = rowsModel[virtualRow.index];
+        const isSelected = selectedRows?.includes(row.id);
+        const isEven = virtualRow.index % 2 === 0;
+        return /* @__PURE__ */ jsxs(
+          "tr",
+          {
+            className: cn(
+              "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__ */ jsx("td", { className: "w-10 px-4 py-3 flex items-center shrink-0", children: /* @__PURE__ */ jsx(
+                "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 = cell.column.columnDef.meta ?? {};
+                return /* @__PURE__ */ jsx(
+                  "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: flexRender(cell.column.columnDef.cell, cell.getContext())
+                  },
+                  cell.id
+                );
+              })
+            ]
+          },
+          row.id
+        );
+      })
+    }
+  ) : /* @__PURE__ */ jsx("tbody", { children: rowsModel.map((row, idx) => {
+    const isSelected = selectedRows?.includes(row.id);
+    const isEven = idx % 2 === 0;
+    return /* @__PURE__ */ jsxs(
+      "tr",
+      {
+        className: cn(
+          "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__ */ jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx(
+            "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__ */ jsx(
+            "td",
+            {
+              className: "px-4 py-3 text-body-md text-[var(--color-on-surface)]",
+              children: flexRender(cell.column.columnDef.cell, cell.getContext())
+            },
+            cell.id
+          ))
+        ]
+      },
+      row.id
+    );
+  }) });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: scrollRef,
+      className: cn("w-full overflow-auto", className),
+      style: virtualized ? {
+        maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight
+      } : void 0,
+      children: /* @__PURE__ */ jsxs("table", { className: "w-full text-left", children: [
+        headerEl,
+        bodyContent
+      ] })
+    }
+  );
+}
+var DataTable = React.forwardRef(DataTableImpl);
+
+export {
+  DataTable
+};
+//# sourceMappingURL=chunk-MMQZ7YMO.js.map

package/dist/chunk-MMQZ7YMO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-table.tsx"],"sourcesContent":["\"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"],"mappings":"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","names":[]}

package/dist/chunk-N7M2UZM6.js

@@ -0,0 +1,67 @@
+"use client";
+import {
+  cn
+} from "./chunk-KQJCGTS3.js";
+
+// src/components/toggle.tsx
+import * as React from "react";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SIZE = {
+  sm: { track: "h-4 w-7", thumb: "size-3 data-[state=checked]:translate-x-[14px]" },
+  md: { track: "h-5 w-9", thumb: "size-4 data-[state=checked]:translate-x-[18px]" }
+};
+var Toggle = React.forwardRef(
+  ({
+    checked,
+    onCheckedChange,
+    label,
+    description,
+    disabled = false,
+    size = "md",
+    className
+  }, ref) => {
+    const id = React.useId();
+    const { track, thumb } = SIZE[size];
+    return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-3", disabled && "opacity-50 cursor-not-allowed", className), children: [
+      /* @__PURE__ */ jsx(
+        SwitchPrimitive.Root,
+        {
+          ref,
+          id,
+          checked,
+          onCheckedChange,
+          disabled,
+          className: cn(
+            "relative inline-flex shrink-0 cursor-pointer items-center rounded-full transition-colors",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-primary)] focus-visible:ring-offset-2",
+            "data-[state=checked]:bg-[var(--color-primary)]",
+            "data-[state=unchecked]:bg-[var(--color-outline-variant)]",
+            "disabled:cursor-not-allowed",
+            track
+          ),
+          children: /* @__PURE__ */ jsx(
+            SwitchPrimitive.Thumb,
+            {
+              className: cn(
+                "pointer-events-none block rounded-full shadow-sm transition-transform translate-x-0.5",
+                "bg-[var(--color-surface)]",
+                thumb
+              )
+            }
+          )
+        }
+      ),
+      (label || description) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+        label && /* @__PURE__ */ jsx("label", { htmlFor: id, className: "text-body-md cursor-pointer", style: { color: "var(--color-on-surface)" }, children: label }),
+        description && /* @__PURE__ */ jsx("span", { className: "text-body-sm", style: { color: "var(--color-on-surface-var)" }, children: description })
+      ] })
+    ] });
+  }
+);
+Toggle.displayName = "Toggle";
+
+export {
+  Toggle
+};
+//# sourceMappingURL=chunk-N7M2UZM6.js.map

package/dist/chunk-N7M2UZM6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\";\nimport { cn } from \"../lib/utils\";\n\nconst SIZE = {\n  sm: { track: \"h-4 w-7\", thumb: \"size-3 data-[state=checked]:translate-x-[14px]\" },\n  md: { track: \"h-5 w-9\", thumb: \"size-4 data-[state=checked]:translate-x-[18px]\" },\n};\n\nexport interface ToggleProps {\n  checked: boolean;\n  onCheckedChange: (checked: boolean) => void;\n  label?: string;\n  description?: string;\n  disabled?: boolean;\n  size?: \"sm\" | \"md\";\n  className?: string;\n}\n\nconst Toggle = React.forwardRef<\n  React.ComponentRef<typeof SwitchPrimitive.Root>,\n  ToggleProps\n>(\n  (\n    {\n      checked,\n      onCheckedChange,\n      label,\n      description,\n      disabled = false,\n      size = \"md\",\n      className,\n    },\n    ref\n  ) => {\n    const id = React.useId();\n    const { track, thumb } = SIZE[size];\n\n    return (\n      <div className={cn(\"flex items-center gap-3\", disabled && \"opacity-50 cursor-not-allowed\", className)}>\n        <SwitchPrimitive.Root\n          ref={ref}\n          id={id}\n          checked={checked}\n          onCheckedChange={onCheckedChange}\n          disabled={disabled}\n        className={cn(\n          \"relative inline-flex shrink-0 cursor-pointer items-center rounded-full transition-colors\",\n          \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-primary)] focus-visible:ring-offset-2\",\n          \"data-[state=checked]:bg-[var(--color-primary)]\",\n          \"data-[state=unchecked]:bg-[var(--color-outline-variant)]\",\n          \"disabled:cursor-not-allowed\",\n          track\n        )}\n      >\n        <SwitchPrimitive.Thumb\n          className={cn(\n            \"pointer-events-none block rounded-full shadow-sm transition-transform translate-x-0.5\",\n            \"bg-[var(--color-surface)]\",\n            thumb\n          )}\n        />\n        </SwitchPrimitive.Root>\n\n        {(label || description) && (\n          <div className=\"flex flex-col\">\n            {label && (\n              <label htmlFor={id} className=\"text-body-md cursor-pointer\" style={{ color: \"var(--color-on-surface)\" }}>\n                {label}\n              </label>\n            )}\n            {description && (\n              <span className=\"text-body-sm\" style={{ color: \"var(--color-on-surface-var)\" }}>\n                {description}\n              </span>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\nToggle.displayName = \"Toggle\";\n\nexport { Toggle };\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,qBAAqB;AAsDzB,cAUE,YAVF;AAnDR,IAAM,OAAO;AAAA,EACX,IAAI,EAAE,OAAO,WAAW,OAAO,iDAAiD;AAAA,EAChF,IAAI,EAAE,OAAO,WAAW,OAAO,iDAAiD;AAClF;AAYA,IAAM,SAAe;AAAA,EAInB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP;AAAA,EACF,GACA,QACG;AACH,UAAM,KAAW,YAAM;AACvB,UAAM,EAAE,OAAO,MAAM,IAAI,KAAK,IAAI;AAElC,WACE,qBAAC,SAAI,WAAW,GAAG,2BAA2B,YAAY,iCAAiC,SAAS,GAClG;AAAA;AAAA,QAAiB;AAAA,QAAhB;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACF,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UAEA;AAAA,YAAiB;AAAA,YAAhB;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA;AAAA,cACF;AAAA;AAAA,UACF;AAAA;AAAA,MACA;AAAA,OAEE,SAAS,gBACT,qBAAC,SAAI,WAAU,iBACZ;AAAA,iBACC,oBAAC,WAAM,SAAS,IAAI,WAAU,+BAA8B,OAAO,EAAE,OAAO,0BAA0B,GACnG,iBACH;AAAA,QAED,eACC,oBAAC,UAAK,WAAU,gBAAe,OAAO,EAAE,OAAO,8BAA8B,GAC1E,uBACH;AAAA,SAEJ;AAAA,OAEJ;AAAA,EAEJ;AACF;AACA,OAAO,cAAc;","names":[]}

package/dist/chunk-NLOLOFBX.js

@@ -0,0 +1,43 @@
+"use client";
+import {
+  Button
+} from "./chunk-EMKU3IZY.js";
+
+// src/components/bulk-bar.tsx
+import { X } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function BulkBar({ count, bulkActions, onClear, onAction }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 h-10 px-3 bg-[var(--color-primary-container)]", children: [
+    /* @__PURE__ */ jsxs("span", { className: "text-body-sm font-semibold text-[var(--color-on-primary-container)]", children: [
+      count,
+      " selecionado",
+      count !== 1 ? "s" : ""
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "h-4 w-px bg-[var(--color-primary)] opacity-30" }),
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: bulkActions.map((action) => /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: action.destructive ? "destructive" : "outlined",
+        size: "sm",
+        onClick: () => onAction(action),
+        children: action.label
+      },
+      action.label
+    )) }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onClear,
+        className: "ml-auto text-[var(--color-on-primary-container)] hover:opacity-70 transition-opacity",
+        "aria-label": "Limpar sele\xE7\xE3o",
+        children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+      }
+    )
+  ] });
+}
+
+export {
+  BulkBar
+};
+//# sourceMappingURL=chunk-NLOLOFBX.js.map

package/dist/chunk-NLOLOFBX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/bulk-bar.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { X } from \"lucide-react\";\nimport { Button } from \"./button\";\n\nexport interface ListPageBulkAction {\n  label: string;\n  onClick: (ids: string[]) => void;\n  destructive?: boolean;\n  confirmTitle?: string;\n  confirmLabel?: string;\n  consequenceList?: string[];\n}\n\nexport interface BulkBarProps {\n  count: number;\n  bulkActions: ListPageBulkAction[];\n  onClear: () => void;\n  onAction: (action: ListPageBulkAction) => void;\n}\n\nfunction BulkBar({ count, bulkActions, onClear, onAction }: BulkBarProps) {\n  return (\n    <div className=\"flex items-center gap-3 h-10 px-3 bg-[var(--color-primary-container)]\">\n      <span className=\"text-body-sm font-semibold text-[var(--color-on-primary-container)]\">\n        {count} selecionado{count !== 1 ? \"s\" : \"\"}\n      </span>\n      <div className=\"h-4 w-px bg-[var(--color-primary)] opacity-30\" />\n      <div className=\"flex items-center gap-2\">\n        {bulkActions.map((action) => (\n          <Button\n            key={action.label}\n            variant={action.destructive ? \"destructive\" : \"outlined\"}\n            size=\"sm\"\n            onClick={() => onAction(action)}\n          >\n            {action.label}\n          </Button>\n        ))}\n      </div>\n      <button\n        type=\"button\"\n        onClick={onClear}\n        className=\"ml-auto text-[var(--color-on-primary-container)] hover:opacity-70 transition-opacity\"\n        aria-label=\"Limpar seleção\"\n      >\n        <X className=\"size-4\" />\n      </button>\n    </div>\n  );\n}\n\nexport { BulkBar };\n"],"mappings":";;;;;;AAGA,SAAS,SAAS;AAsBZ,SAGA,KAHA;AAHN,SAAS,QAAQ,EAAE,OAAO,aAAa,SAAS,SAAS,GAAiB;AACxE,SACE,qBAAC,SAAI,WAAU,yEACb;AAAA,yBAAC,UAAK,WAAU,uEACb;AAAA;AAAA,MAAM;AAAA,MAAa,UAAU,IAAI,MAAM;AAAA,OAC1C;AAAA,IACA,oBAAC,SAAI,WAAU,iDAAgD;AAAA,IAC/D,oBAAC,SAAI,WAAU,2BACZ,sBAAY,IAAI,CAAC,WAChB;AAAA,MAAC;AAAA;AAAA,QAEC,SAAS,OAAO,cAAc,gBAAgB;AAAA,QAC9C,MAAK;AAAA,QACL,SAAS,MAAM,SAAS,MAAM;AAAA,QAE7B,iBAAO;AAAA;AAAA,MALH,OAAO;AAAA,IAMd,CACD,GACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS;AAAA,QACT,WAAU;AAAA,QACV,cAAW;AAAA,QAEX,8BAAC,KAAE,WAAU,UAAS;AAAA;AAAA,IACxB;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-NPXSB4WO.js

@@ -0,0 +1,48 @@
+"use client";
+import {
+  cn
+} from "./chunk-KQJCGTS3.js";
+
+// src/components/tooltip.tsx
+import * as RadixTooltip from "@radix-ui/react-tooltip";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Tooltip({
+  content,
+  children,
+  side = "top",
+  delay = 400,
+  className
+}) {
+  return /* @__PURE__ */ jsx(RadixTooltip.Provider, { delayDuration: delay, children: /* @__PURE__ */ jsxs(RadixTooltip.Root, { children: [
+    /* @__PURE__ */ jsx(RadixTooltip.Trigger, { asChild: true, children }),
+    /* @__PURE__ */ jsx(RadixTooltip.Portal, { children: /* @__PURE__ */ jsxs(
+      RadixTooltip.Content,
+      {
+        side,
+        sideOffset: 6,
+        className: cn(
+          "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__ */ jsx(RadixTooltip.Arrow, { className: "fill-[var(--color-on-surface)]" })
+        ]
+      }
+    ) })
+  ] }) });
+}
+
+export {
+  Tooltip
+};
+//# sourceMappingURL=chunk-NPXSB4WO.js.map

package/dist/chunk-NPXSB4WO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/tooltip.tsx"],"sourcesContent":["\"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"],"mappings":";;;;;;AAGA,YAAY,kBAAkB;AAqBtB,cAEE,YAFF;AAVR,SAAS,QAAQ;AAAA,EACf;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AACF,GAAiB;AACf,SACE,oBAAc,uBAAb,EAAsB,eAAe,OACpC,+BAAc,mBAAb,EACC;AAAA,wBAAc,sBAAb,EAAqB,SAAO,MAAE,UAAS;AAAA,IACxC,oBAAc,qBAAb,EACC;AAAA,MAAc;AAAA,MAAb;AAAA,QACC;AAAA,QACA,YAAY;AAAA,QACZ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QAEC;AAAA;AAAA,UACD,oBAAc,oBAAb,EAAmB,WAAU,kCAAiC;AAAA;AAAA;AAAA,IACjE,GACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/chunk-NVCGKCTH.cjs

@@ -0,0 +1,90 @@
+"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(); } }"use client";
+
+
+var _chunk5SCF3EGTcjs = require('./chunk-5SCF3EGT.cjs');
+
+// src/components/alert.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+
+
+
+
+
+
+var _lucidereact = require('lucide-react');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var alertVariants = _classvarianceauthority.cva.call(void 0, 
+  "flex gap-3 p-4 rounded-[var(--radius-md)] border-l-[3px]",
+  {
+    variants: {
+      variant: {
+        info: "bg-[var(--color-info-container)] text-[var(--color-on-info-container)] border-l-[var(--color-info)]",
+        success: "bg-[var(--color-success-container)] text-[var(--color-on-success-container)] border-l-[var(--color-success)]",
+        warning: "bg-[var(--color-warning-container)] text-[var(--color-on-warning-container)] border-l-[var(--color-warning)]",
+        error: "bg-[var(--color-error-container)] text-[var(--color-on-error-container)] border-l-[var(--color-error)]"
+      }
+    }
+  }
+);
+var DEFAULT_ICONS = {
+  info: _lucidereact.Info,
+  success: _lucidereact.CheckCircle,
+  warning: _lucidereact.AlertTriangle,
+  error: _lucidereact.AlertCircle
+};
+var Alert = React.forwardRef(
+  ({
+    className,
+    variant,
+    title,
+    description,
+    icon: IconProp,
+    onDismiss,
+    action,
+    ...props
+  }, ref) => {
+    const Icon = _nullishCoalesce(IconProp, () => ( DEFAULT_ICONS[variant]));
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        ref,
+        role: "alert",
+        className: _chunk5SCF3EGTcjs.cn.call(void 0, alertVariants({ variant }), className),
+        ...props,
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { className: "mt-0.5 size-5 shrink-0", "aria-hidden": "true" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 min-w-0", children: [
+            title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-heading mb-0.5", children: title }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-body-md", children: description }),
+            action && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "button",
+              {
+                type: "button",
+                onClick: action.onClick,
+                className: "mt-2 text-body-sm font-semibold underline hover:no-underline",
+                children: action.label
+              }
+            )
+          ] }),
+          onDismiss && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              type: "button",
+              onClick: onDismiss,
+              className: "shrink-0 rounded hover:opacity-70 transition-opacity",
+              "aria-label": "Fechar",
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.X, { className: "size-4" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Alert.displayName = "Alert";
+
+
+
+exports.Alert = Alert;
+//# sourceMappingURL=chunk-NVCGKCTH.cjs.map

package/dist/chunk-NVCGKCTH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-NVCGKCTH.cjs","../src/components/alert.tsx"],"names":[],"mappings":"AAAA,2cAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,2EAAuB;AACvB;AACE;AACA;AACA;AACA;AACA;AAAA,2CACK;AAEP,kEAAoB;AA2DZ,+CAAA;AAxDR,IAAM,cAAA,EAAgB,yCAAA;AAAA,EACpB,0DAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,qGAAA;AAAA,QACN,OAAA,EACE,8GAAA;AAAA,QACF,OAAA,EACE,8GAAA;AAAA,QACF,KAAA,EACE;AAAA,MACJ;AAAA,IACF;AAAA,EACF;AACF,CAAA;AAEA,IAAM,cAAA,EAA4C;AAAA,EAChD,IAAA,EAAM,iBAAA;AAAA,EACN,OAAA,EAAS,wBAAA;AAAA,EACT,OAAA,EAAS,0BAAA;AAAA,EACT,KAAA,EAAO;AACT,CAAA;AAWA,IAAM,MAAA,EAAc,KAAA,CAAA,UAAA;AAAA,EAClB,CACE;AAAA,IACE,SAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA,EAAM,QAAA;AAAA,IACN,SAAA;AAAA,IACA,MAAA;AAAA,IACA,GAAG;AAAA,EACL,CAAA,EACA,GAAA,EAAA,GACG;AACH,IAAA,MAAM,KAAA,mBAAO,QAAA,UAAY,aAAA,CAAc,OAAO,GAAA;AAE9C,IAAA,uBACE,8BAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,OAAA;AAAA,QACL,SAAA,EAAW,kCAAA,aAAG,CAAc,EAAE,QAAQ,CAAC,CAAA,EAAG,SAAS,CAAA;AAAA,QAClD,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,6BAAA,IAAC,EAAA,EAAK,SAAA,EAAU,wBAAA,EAAyB,aAAA,EAAY,OAAA,CAAO,CAAA;AAAA,0BAC5D,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,gBAAA,EACZ,QAAA,EAAA;AAAA,YAAA,MAAA,mBAAS,6BAAA,GAAC,EAAA,EAAE,SAAA,EAAU,qBAAA,EAAuB,QAAA,EAAA,MAAA,CAAM,CAAA;AAAA,4BACpD,6BAAA,GAAC,EAAA,EAAE,SAAA,EAAU,cAAA,EAAgB,QAAA,EAAA,YAAA,CAAY,CAAA;AAAA,YACxC,OAAA,mBACC,6BAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,OAAA,EAAS,MAAA,CAAO,OAAA;AAAA,gBAChB,SAAA,EAAU,8DAAA;AAAA,gBAET,QAAA,EAAA,MAAA,CAAO;AAAA,cAAA;AAAA,YACV;AAAA,UAAA,EAAA,CAEJ,CAAA;AAAA,UACC,UAAA,mBACC,6BAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,OAAA,EAAS,SAAA;AAAA,cACT,SAAA,EAAU,sDAAA;AAAA,cACV,YAAA,EAAW,QAAA;AAAA,cAEX,QAAA,kBAAA,6BAAA,cAAC,EAAA,EAAE,SAAA,EAAU,SAAA,CAAS;AAAA,YAAA;AAAA,UACxB;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ,CAAA;AAAA,EAEJ;AACF,CAAA;AACA,KAAA,CAAM,YAAA,EAAc,OAAA;ADXpB;AACA;AACE;AACF,sBAAC","file":"/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-NVCGKCTH.cjs","sourcesContent":[null,"import * as React from \"react\";\nimport {\n  Info,\n  CheckCircle,\n  AlertTriangle,\n  AlertCircle,\n  X,\n} from \"lucide-react\";\nimport type { LucideIcon } from \"lucide-react\";\nimport { cva } from \"class-variance-authority\";\nimport { cn } from \"../lib/utils\";\n\nconst alertVariants = cva(\n  \"flex gap-3 p-4 rounded-[var(--radius-md)] border-l-[3px]\",\n  {\n    variants: {\n      variant: {\n        info: \"bg-[var(--color-info-container)] text-[var(--color-on-info-container)] border-l-[var(--color-info)]\",\n        success:\n          \"bg-[var(--color-success-container)] text-[var(--color-on-success-container)] border-l-[var(--color-success)]\",\n        warning:\n          \"bg-[var(--color-warning-container)] text-[var(--color-on-warning-container)] border-l-[var(--color-warning)]\",\n        error:\n          \"bg-[var(--color-error-container)] text-[var(--color-on-error-container)] border-l-[var(--color-error)]\",\n      },\n    },\n  }\n);\n\nconst DEFAULT_ICONS: Record<string, LucideIcon> = {\n  info: Info,\n  success: CheckCircle,\n  warning: AlertTriangle,\n  error: AlertCircle,\n};\n\nexport interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {\n  variant: \"info\" | \"success\" | \"warning\" | \"error\";\n  title?: string;\n  description: string;\n  icon?: LucideIcon;\n  onDismiss?: () => void;\n  action?: { label: string; onClick: () => void };\n}\n\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n  (\n    {\n      className,\n      variant,\n      title,\n      description,\n      icon: IconProp,\n      onDismiss,\n      action,\n      ...props\n    },\n    ref\n  ) => {\n    const Icon = IconProp ?? DEFAULT_ICONS[variant];\n\n    return (\n      <div\n        ref={ref}\n        role=\"alert\"\n        className={cn(alertVariants({ variant }), className)}\n        {...props}\n      >\n        <Icon className=\"mt-0.5 size-5 shrink-0\" aria-hidden=\"true\" />\n        <div className=\"flex-1 min-w-0\">\n          {title && <p className=\"text-heading mb-0.5\">{title}</p>}\n          <p className=\"text-body-md\">{description}</p>\n          {action && (\n            <button\n              type=\"button\"\n              onClick={action.onClick}\n              className=\"mt-2 text-body-sm font-semibold underline hover:no-underline\"\n            >\n              {action.label}\n            </button>\n          )}\n        </div>\n        {onDismiss && (\n          <button\n            type=\"button\"\n            onClick={onDismiss}\n            className=\"shrink-0 rounded hover:opacity-70 transition-opacity\"\n            aria-label=\"Fechar\"\n          >\n            <X className=\"size-4\" />\n          </button>\n        )}\n      </div>\n    );\n  }\n);\nAlert.displayName = \"Alert\";\n\nexport { Alert };\n"]}