@stackframe/stack-ui 2.8.61 → 2.8.62

package/dist/components/data-table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/data-table/index.tsx"],"sourcesContent":["export * from \"./cells\";\nexport * from \"./column-header\";\nexport * from \"./data-table\";\nexport * from \"./faceted-filter\";\nexport * from \"./pagination\";\nexport * from \"./toolbar-items\";\nexport * from \"./toolbar\";\nexport * from \"./utils\";\nexport * from \"./view-options\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,+BAAc,uBAAd;AACA,+BAAc,+BADd;AAEA,+BAAc,4BAFd;AAGA,+BAAc,gCAHd;AAIA,+BAAc,4BAJd;AAKA,+BAAc,+BALd;AAMA,+BAAc,yBANd;AAOA,+BAAc,uBAPd;AAQA,+BAAc,8BARd;","names":[]}

package/dist/components/data-table/pagination.js

@@ -1,10 +1,90 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronLeftIcon, ChevronRightIcon } from "@radix-ui/react-icons";
-import { Button, Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@stackframe/stack-ui";
-export function DataTablePagination({ table, }) {
-    return (_jsxs("div", { className: "flex items-center justify-between px-2 flex-col sm:flex-row gap-y-4 sm:gap-y-0", children: [_jsx("div", { className: "flex-1 text-sm text-muted-foreground", children: table.getFilteredSelectedRowModel().rows.length !== 0 ?
-                    `${table.getFilteredSelectedRowModel().rows.length} of ${table.getFilteredRowModel().rows.length} row(s) selected` :
-                    undefined }), _jsxs("div", { className: "flex items-center gap-x-6 lg:gap-x-8 flex-col sm:flex-row gap-y-4 sm:gap-y-0", children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx("p", { className: "text-sm font-medium", children: "Rows per page" }), _jsxs(Select, { value: `${table.getState().pagination.pageSize}`, onValueChange: (value) => {
-                                    table.setPageSize(Number(value));
-                                }, children: [_jsx(SelectTrigger, { className: "h-8 w-[70px]", children: _jsx(SelectValue, { placeholder: table.getState().pagination.pageSize }) }), _jsx(SelectContent, { side: "top", children: [10, 20, 30, 40, 50].map((pageSize) => (_jsx(SelectItem, { value: `${pageSize}`, children: pageSize }, pageSize))) })] })] }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: "flex items-center justify-center text-sm font-medium", children: table.getState().pagination.pageIndex + 1 }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsxs(Button, { variant: "outline", className: "h-8 w-8 p-0", onClick: () => table.previousPage(), disabled: !table.getCanPreviousPage(), children: [_jsx("span", { className: "sr-only", children: "Go to previous page" }), _jsx(ChevronLeftIcon, { className: "h-4 w-4" })] }), _jsxs(Button, { variant: "outline", className: "h-8 w-8 p-0", onClick: () => table.nextPage(), disabled: !table.getCanNextPage(), children: [_jsx("span", { className: "sr-only", children: "Go to next page" }), _jsx(ChevronRightIcon, { className: "h-4 w-4" })] })] })] })] })] }));
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/data-table/pagination.tsx
+var pagination_exports = {};
+__export(pagination_exports, {
+  DataTablePagination: () => DataTablePagination
+});
+module.exports = __toCommonJS(pagination_exports);
+var import_react_icons = require("@radix-ui/react-icons");
+var import_button = require("../ui/button.js");
+var import_select = require("../ui/select.js");
+var import_jsx_runtime = require("react/jsx-runtime");
+function DataTablePagination({
+  table
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between px-2 flex-col sm:flex-row gap-y-4 sm:gap-y-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex-1 text-sm text-muted-foreground", children: table.getFilteredSelectedRowModel().rows.length !== 0 ? `${table.getFilteredSelectedRowModel().rows.length} of ${table.getFilteredRowModel().rows.length} row(s) selected` : void 0 }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-x-6 lg:gap-x-8 flex-col sm:flex-row gap-y-4 sm:gap-y-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-medium", children: "Rows per page" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_select.Select,
+          {
+            value: `${table.getState().pagination.pageSize}`,
+            onValueChange: (value) => {
+              table.setPageSize(Number(value));
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectTrigger, { className: "h-8 w-[70px]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectValue, { placeholder: table.getState().pagination.pageSize }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectContent, { side: "top", children: [10, 20, 30, 40, 50].map((pageSize) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectItem, { value: `${pageSize}`, children: pageSize }, pageSize)) })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex items-center justify-center text-sm font-medium", children: table.getState().pagination.pageIndex + 1 }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            import_button.Button,
+            {
+              variant: "outline",
+              className: "h-8 w-8 p-0",
+              onClick: () => table.previousPage(),
+              disabled: !table.getCanPreviousPage(),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Go to previous page" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.ChevronLeftIcon, { className: "h-4 w-4" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            import_button.Button,
+            {
+              variant: "outline",
+              className: "h-8 w-8 p-0",
+              onClick: () => table.nextPage(),
+              disabled: !table.getCanNextPage(),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Go to next page" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.ChevronRightIcon, { className: "h-4 w-4" })
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
 }
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DataTablePagination
+});
+//# sourceMappingURL=pagination.js.map

package/dist/components/data-table/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/data-table/pagination.tsx"],"sourcesContent":["import { ChevronLeftIcon, ChevronRightIcon } from \"@radix-ui/react-icons\";\nimport { Button } from \"../ui/button\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../ui/select\";\nimport { Table } from \"@tanstack/react-table\";\n\ntype DataTablePaginationProps<TData> = {\n  table: Table<TData>,\n}\n\nexport function DataTablePagination<TData>({\n  table,\n}: DataTablePaginationProps<TData>) {\n  return (\n    <div className=\"flex items-center justify-between px-2 flex-col sm:flex-row gap-y-4 sm:gap-y-0\">\n      <div className=\"flex-1 text-sm text-muted-foreground\">\n        {table.getFilteredSelectedRowModel().rows.length !== 0 ?\n          `${table.getFilteredSelectedRowModel().rows.length} of ${table.getFilteredRowModel().rows.length} row(s) selected` :\n          undefined}\n      </div>\n      <div className=\"flex items-center gap-x-6 lg:gap-x-8 flex-col sm:flex-row gap-y-4 sm:gap-y-0\">\n        <div className=\"flex items-center space-x-2\">\n          <p className=\"text-sm font-medium\">Rows per page</p>\n          <Select\n            value={`${table.getState().pagination.pageSize}`}\n            onValueChange={(value) => {\n              table.setPageSize(Number(value));\n            }}\n          >\n            <SelectTrigger className=\"h-8 w-[70px]\">\n              <SelectValue placeholder={table.getState().pagination.pageSize} />\n            </SelectTrigger>\n            <SelectContent side=\"top\">\n              {[10, 20, 30, 40, 50].map((pageSize) => (\n                <SelectItem key={pageSize} value={`${pageSize}`}>\n                  {pageSize}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n        <div className=\"flex items-center gap-4\">\n          <div className=\"flex items-center justify-center text-sm font-medium\">\n            {table.getState().pagination.pageIndex + 1}\n            {/* {\" / \"}{table.getPageCount()} */}\n          </div>\n          <div className=\"flex items-center space-x-2\">\n            <Button\n              variant=\"outline\"\n              className=\"h-8 w-8 p-0\"\n              onClick={() => table.previousPage()}\n              disabled={!table.getCanPreviousPage()}\n            >\n              <span className=\"sr-only\">Go to previous page</span>\n              <ChevronLeftIcon className=\"h-4 w-4\" />\n            </Button>\n            <Button\n              variant=\"outline\"\n              className=\"h-8 w-8 p-0\"\n              onClick={() => table.nextPage()}\n              disabled={!table.getCanNextPage()}\n            >\n              <span className=\"sr-only\">Go to next page</span>\n              <ChevronRightIcon className=\"h-4 w-4\" />\n            </Button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAAkD;AAClD,oBAAuB;AACvB,oBAMO;AAYD;AALC,SAAS,oBAA2B;AAAA,EACzC;AACF,GAAoC;AAClC,SACE,6CAAC,SAAI,WAAU,kFACb;AAAA,gDAAC,SAAI,WAAU,wCACZ,gBAAM,4BAA4B,EAAE,KAAK,WAAW,IACnD,GAAG,MAAM,4BAA4B,EAAE,KAAK,MAAM,OAAO,MAAM,oBAAoB,EAAE,KAAK,MAAM,qBAChG,QACJ;AAAA,IACA,6CAAC,SAAI,WAAU,gFACb;AAAA,mDAAC,SAAI,WAAU,+BACb;AAAA,oDAAC,OAAE,WAAU,uBAAsB,2BAAa;AAAA,QAChD;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,GAAG,MAAM,SAAS,EAAE,WAAW,QAAQ;AAAA,YAC9C,eAAe,CAAC,UAAU;AACxB,oBAAM,YAAY,OAAO,KAAK,CAAC;AAAA,YACjC;AAAA,YAEA;AAAA,0DAAC,+BAAc,WAAU,gBACvB,sDAAC,6BAAY,aAAa,MAAM,SAAS,EAAE,WAAW,UAAU,GAClE;AAAA,cACA,4CAAC,+BAAc,MAAK,OACjB,WAAC,IAAI,IAAI,IAAI,IAAI,EAAE,EAAE,IAAI,CAAC,aACzB,4CAAC,4BAA0B,OAAO,GAAG,QAAQ,IAC1C,sBADc,QAEjB,CACD,GACH;AAAA;AAAA;AAAA,QACF;AAAA,SACF;AAAA,MACA,6CAAC,SAAI,WAAU,2BACb;AAAA,oDAAC,SAAI,WAAU,wDACZ,gBAAM,SAAS,EAAE,WAAW,YAAY,GAE3C;AAAA,QACA,6CAAC,SAAI,WAAU,+BACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,WAAU;AAAA,cACV,SAAS,MAAM,MAAM,aAAa;AAAA,cAClC,UAAU,CAAC,MAAM,mBAAmB;AAAA,cAEpC;AAAA,4DAAC,UAAK,WAAU,WAAU,iCAAmB;AAAA,gBAC7C,4CAAC,sCAAgB,WAAU,WAAU;AAAA;AAAA;AAAA,UACvC;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,WAAU;AAAA,cACV,SAAS,MAAM,MAAM,SAAS;AAAA,cAC9B,UAAU,CAAC,MAAM,eAAe;AAAA,cAEhC;AAAA,4DAAC,UAAK,WAAU,WAAU,6BAAe;AAAA,gBACzC,4CAAC,uCAAiB,WAAU,WAAU;AAAA;AAAA;AAAA,UACxC;AAAA,WACF;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/data-table/toolbar-items.js

@@ -1,5 +1,43 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Input, cn } from "../..";
-export function SearchToolbarItem(props) {
-    return (_jsx(Input, { placeholder: props.placeholder, value: props.keyName ? `${props.table.getColumn(props.keyName)?.getFilterValue() ?? ""}` : props.table.getState().globalFilter ?? "", onChange: (event) => props.keyName ? props.table.getColumn(props.keyName)?.setFilterValue(event.target.value) : props.table.setGlobalFilter(event.target.value), className: cn("h-8 w-[250px]", props.className) }));
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/data-table/toolbar-items.tsx
+var toolbar_items_exports = {};
+__export(toolbar_items_exports, {
+  SearchToolbarItem: () => SearchToolbarItem
+});
+module.exports = __toCommonJS(toolbar_items_exports);
+var import__ = require("../../index.js");
+var import_jsx_runtime = require("react/jsx-runtime");
+function SearchToolbarItem(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import__.Input,
+    {
+      placeholder: props.placeholder,
+      value: props.keyName ? `${props.table.getColumn(props.keyName)?.getFilterValue() ?? ""}` : props.table.getState().globalFilter ?? "",
+      onChange: (event) => props.keyName ? props.table.getColumn(props.keyName)?.setFilterValue(event.target.value) : props.table.setGlobalFilter(event.target.value),
+      className: (0, import__.cn)("h-8 w-[250px]", props.className)
+    }
+  );
 }
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SearchToolbarItem
+});
+//# sourceMappingURL=toolbar-items.js.map

package/dist/components/data-table/toolbar-items.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/data-table/toolbar-items.tsx"],"sourcesContent":["import { Input, cn } from \"../..\";\nimport { Table } from \"@tanstack/react-table\";\n\nexport function SearchToolbarItem<TData>(props: { table: Table<TData>, keyName?: string | null, placeholder: string, className?: string }) {\n  return (\n    <Input\n      placeholder={props.placeholder}\n      value={props.keyName ? `${props.table.getColumn(props.keyName)?.getFilterValue() ?? \"\"}` : props.table.getState().globalFilter ?? \"\"}\n      onChange={(event) => props.keyName ? props.table.getColumn(props.keyName)?.setFilterValue(event.target.value) : props.table.setGlobalFilter(event.target.value)}\n      className={cn(\"h-8 w-[250px]\", props.className)}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAA0B;AAKtB;AAFG,SAAS,kBAAyB,OAAkG;AACzI,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAa,MAAM;AAAA,MACnB,OAAO,MAAM,UAAU,GAAG,MAAM,MAAM,UAAU,MAAM,OAAO,GAAG,eAAe,KAAK,EAAE,KAAK,MAAM,MAAM,SAAS,EAAE,gBAAgB;AAAA,MAClI,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,MAAM,UAAU,MAAM,OAAO,GAAG,eAAe,MAAM,OAAO,KAAK,IAAI,MAAM,MAAM,gBAAgB,MAAM,OAAO,KAAK;AAAA,MAC9J,eAAW,aAAG,iBAAiB,MAAM,SAAS;AAAA;AAAA,EAChD;AAEJ;","names":[]}

package/dist/components/data-table/toolbar.js

@@ -1,46 +1,116 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Cross2Icon } from "@radix-ui/react-icons";
-import { deepPlainEquals } from "@stackframe/stack-shared/dist/utils/objects";
-import { Button } from "@stackframe/stack-ui";
-import { download, generateCsv, mkConfig } from 'export-to-csv';
-import { DownloadIcon } from "lucide-react";
-import { DataTableViewOptions } from "./view-options";
-export function DataTableToolbar({ table, toolbarRender, showDefaultToolbar, defaultColumnFilters, defaultSorting, showResetFilters = true, }) {
-    const isFiltered = !deepPlainEquals(table.getState().columnFilters, defaultColumnFilters);
-    const isSorted = !deepPlainEquals(table.getState().sorting, defaultSorting);
-    return (_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2 flex-wrap flex-1 stack-scope", children: [toolbarRender?.(table), showResetFilters && (isFiltered || isSorted) && (_jsxs(Button, { variant: "ghost", onClick: () => {
-                            table.setColumnFilters(defaultColumnFilters);
-                            table.setSorting(defaultSorting);
-                        }, className: "h-8 px-2 lg:px-3", children: ["Reset filters", _jsx(Cross2Icon, { className: "ml-2 h-4 w-4" })] }))] }), showDefaultToolbar && (_jsx(_Fragment, { children: _jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsx(DataTableViewOptions, { table: table }), _jsxs(Button, { variant: "outline", size: "sm", className: "ml-auto hidden h-8 lg:flex", onClick: () => {
-                                const csvConfig = mkConfig({
-                                    fieldSeparator: ',',
-                                    filename: 'data',
-                                    decimalSeparator: '.',
-                                    useKeysAsHeaders: true,
-                                });
-                                const renderCellValue = (cell) => {
-                                    const rendered = cell.renderValue();
-                                    if (rendered === null) {
-                                        return undefined;
-                                    }
-                                    if (['string', 'number', 'boolean', 'undefined'].includes(typeof rendered)) {
-                                        return rendered;
-                                    }
-                                    if (rendered instanceof Date) {
-                                        return rendered.toISOString();
-                                    }
-                                    if (typeof rendered === 'object') {
-                                        return JSON.stringify(rendered);
-                                    }
-                                };
-                                const rowModel = table.getCoreRowModel();
-                                const rows = rowModel.rows.map(row => Object.fromEntries(row.getAllCells().map(c => [c.column.id, renderCellValue(c)]).filter(([_, v]) => v !== undefined)));
-                                if (rows.length === 0) {
-                                    alert("No data to export");
-                                    return;
-                                }
-                                const csv = generateCsv(csvConfig)(rows);
-                                download(csvConfig)(csv);
-                            }, children: [_jsx(DownloadIcon, { className: "mr-2 h-4 w-4" }), "Export CSV"] })] }) }))] }));
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/data-table/toolbar.tsx
+var toolbar_exports = {};
+__export(toolbar_exports, {
+  DataTableToolbar: () => DataTableToolbar
+});
+module.exports = __toCommonJS(toolbar_exports);
+var import_react_icons = require("@radix-ui/react-icons");
+var import_objects = require("@stackframe/stack-shared/dist/utils/objects");
+var import_button = require("../ui/button.js");
+var import_export_to_csv = require("export-to-csv");
+var import_lucide_react = require("lucide-react");
+var import_view_options = require("./view-options.js");
+var import_jsx_runtime = require("react/jsx-runtime");
+function DataTableToolbar({
+  table,
+  toolbarRender,
+  showDefaultToolbar,
+  defaultColumnFilters,
+  defaultSorting,
+  showResetFilters = true
+}) {
+  const isFiltered = !(0, import_objects.deepPlainEquals)(table.getState().columnFilters, defaultColumnFilters);
+  const isSorted = !(0, import_objects.deepPlainEquals)(table.getState().sorting, defaultSorting);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 flex-wrap flex-1 stack-scope", children: [
+      toolbarRender?.(table),
+      showResetFilters && (isFiltered || isSorted) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_button.Button,
+        {
+          variant: "ghost",
+          onClick: () => {
+            table.setColumnFilters(defaultColumnFilters);
+            table.setSorting(defaultSorting);
+          },
+          className: "h-8 px-2 lg:px-3",
+          children: [
+            "Reset filters",
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.Cross2Icon, { className: "ml-2 h-4 w-4" })
+          ]
+        }
+      )
+    ] }),
+    showDefaultToolbar && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 flex-wrap", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_view_options.DataTableViewOptions, { table }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_button.Button,
+        {
+          variant: "outline",
+          size: "sm",
+          className: "ml-auto hidden h-8 lg:flex",
+          onClick: () => {
+            const csvConfig = (0, import_export_to_csv.mkConfig)({
+              fieldSeparator: ",",
+              filename: "data",
+              decimalSeparator: ".",
+              useKeysAsHeaders: true
+            });
+            const renderCellValue = (cell) => {
+              const rendered = cell.renderValue();
+              if (rendered === null) {
+                return void 0;
+              }
+              if (["string", "number", "boolean", "undefined"].includes(typeof rendered)) {
+                return rendered;
+              }
+              if (rendered instanceof Date) {
+                return rendered.toISOString();
+              }
+              if (typeof rendered === "object") {
+                return JSON.stringify(rendered);
+              }
+            };
+            const rowModel = table.getCoreRowModel();
+            const rows = rowModel.rows.map((row) => Object.fromEntries(row.getAllCells().map((c) => [c.column.id, renderCellValue(c)]).filter(([_, v]) => v !== void 0)));
+            if (rows.length === 0) {
+              alert("No data to export");
+              return;
+            }
+            const csv = (0, import_export_to_csv.generateCsv)(csvConfig)(rows);
+            (0, import_export_to_csv.download)(csvConfig)(csv);
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.DownloadIcon, { className: "mr-2 h-4 w-4" }),
+            "Export CSV"
+          ]
+        }
+      )
+    ] }) })
+  ] });
 }
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DataTableToolbar
+});
+//# sourceMappingURL=toolbar.js.map

package/dist/components/data-table/toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/data-table/toolbar.tsx"],"sourcesContent":["\"use client\";\n\nimport { Cross2Icon } from \"@radix-ui/react-icons\";\nimport { deepPlainEquals } from \"@stackframe/stack-shared/dist/utils/objects\";\nimport { Button } from \"../ui/button\";\nimport { Cell, ColumnFiltersState, SortingState, Table } from \"@tanstack/react-table\";\nimport { download, generateCsv, mkConfig } from 'export-to-csv';\nimport { DownloadIcon } from \"lucide-react\";\nimport { DataTableViewOptions } from \"./view-options\";\n\ntype DataTableToolbarProps<TData> = {\n  table: Table<TData>,\n  toolbarRender?: (table: Table<TData>) => React.ReactNode,\n  showDefaultToolbar?: boolean,\n  defaultColumnFilters: ColumnFiltersState,\n  defaultSorting: SortingState,\n  showResetFilters?: boolean,\n}\n\nexport function DataTableToolbar<TData>({\n  table,\n  toolbarRender,\n  showDefaultToolbar,\n  defaultColumnFilters,\n  defaultSorting,\n  showResetFilters = true,\n}: DataTableToolbarProps<TData>) {\n  const isFiltered = !deepPlainEquals(table.getState().columnFilters, defaultColumnFilters);\n  const isSorted = !deepPlainEquals(table.getState().sorting, defaultSorting);\n\n  return (\n    <div className=\"flex items-center justify-between\">\n      <div className=\"flex items-center gap-2 flex-wrap flex-1 stack-scope\">\n        {toolbarRender?.(table)}\n        {showResetFilters && (isFiltered || isSorted) && (\n          <Button\n            variant=\"ghost\"\n            onClick={() => {\n              table.setColumnFilters(defaultColumnFilters);\n              table.setSorting(defaultSorting);\n            }}\n            className=\"h-8 px-2 lg:px-3\"\n          >\n            Reset filters\n            <Cross2Icon className=\"ml-2 h-4 w-4\" />\n          </Button>\n        )}\n      </div>\n      {showDefaultToolbar && (\n        <>\n          <div className=\"flex items-center gap-2 flex-wrap\">\n            <DataTableViewOptions table={table} />\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              className=\"ml-auto hidden h-8 lg:flex\"\n              onClick={() => {\n                const csvConfig = mkConfig({\n                  fieldSeparator: ',',\n                  filename: 'data',\n                  decimalSeparator: '.',\n                  useKeysAsHeaders: true,\n                });\n\n                const renderCellValue = (cell: Cell<TData, unknown>) => {\n                  const rendered = cell.renderValue();\n                  if (rendered === null) {\n                    return undefined;\n                  }\n                  if (['string', 'number', 'boolean', 'undefined'].includes(typeof rendered)) {\n                    return rendered;\n                  }\n                  if (rendered instanceof Date) {\n                    return rendered.toISOString();\n                  }\n                  if (typeof rendered === 'object') {\n                    return JSON.stringify(rendered);\n                  }\n                };\n\n\n                const rowModel = table.getCoreRowModel();\n                const rows = rowModel.rows.map(row => Object.fromEntries(row.getAllCells().map(c => [c.column.id, renderCellValue(c)]).filter(([_, v]) => v !== undefined)));\n                if (rows.length === 0) {\n                  alert(\"No data to export\");\n                  return;\n                }\n                const csv = generateCsv(csvConfig)(rows as any);\n                download(csvConfig)(csv);\n              }}\n            >\n              <DownloadIcon className=\"mr-2 h-4 w-4\" />\n              Export CSV\n            </Button>\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,yBAA2B;AAC3B,qBAAgC;AAChC,oBAAuB;AAEvB,2BAAgD;AAChD,0BAA6B;AAC7B,0BAAqC;AA2B3B;AAhBH,SAAS,iBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AACrB,GAAiC;AAC/B,QAAM,aAAa,KAAC,gCAAgB,MAAM,SAAS,EAAE,eAAe,oBAAoB;AACxF,QAAM,WAAW,KAAC,gCAAgB,MAAM,SAAS,EAAE,SAAS,cAAc;AAE1E,SACE,6CAAC,SAAI,WAAU,qCACb;AAAA,iDAAC,SAAI,WAAU,wDACZ;AAAA,sBAAgB,KAAK;AAAA,MACrB,qBAAqB,cAAc,aAClC;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,kBAAM,iBAAiB,oBAAoB;AAC3C,kBAAM,WAAW,cAAc;AAAA,UACjC;AAAA,UACA,WAAU;AAAA,UACX;AAAA;AAAA,YAEC,4CAAC,iCAAW,WAAU,gBAAe;AAAA;AAAA;AAAA,MACvC;AAAA,OAEJ;AAAA,IACC,sBACC,2EACE,uDAAC,SAAI,WAAU,qCACb;AAAA,kDAAC,4CAAqB,OAAc;AAAA,MACpC;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS,MAAM;AACb,kBAAM,gBAAY,+BAAS;AAAA,cACzB,gBAAgB;AAAA,cAChB,UAAU;AAAA,cACV,kBAAkB;AAAA,cAClB,kBAAkB;AAAA,YACpB,CAAC;AAED,kBAAM,kBAAkB,CAAC,SAA+B;AACtD,oBAAM,WAAW,KAAK,YAAY;AAClC,kBAAI,aAAa,MAAM;AACrB,uBAAO;AAAA,cACT;AACA,kBAAI,CAAC,UAAU,UAAU,WAAW,WAAW,EAAE,SAAS,OAAO,QAAQ,GAAG;AAC1E,uBAAO;AAAA,cACT;AACA,kBAAI,oBAAoB,MAAM;AAC5B,uBAAO,SAAS,YAAY;AAAA,cAC9B;AACA,kBAAI,OAAO,aAAa,UAAU;AAChC,uBAAO,KAAK,UAAU,QAAQ;AAAA,cAChC;AAAA,YACF;AAGA,kBAAM,WAAW,MAAM,gBAAgB;AACvC,kBAAM,OAAO,SAAS,KAAK,IAAI,SAAO,OAAO,YAAY,IAAI,YAAY,EAAE,IAAI,OAAK,CAAC,EAAE,OAAO,IAAI,gBAAgB,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,MAAM,MAAM,MAAS,CAAC,CAAC;AAC3J,gBAAI,KAAK,WAAW,GAAG;AACrB,oBAAM,mBAAmB;AACzB;AAAA,YACF;AACA,kBAAM,UAAM,kCAAY,SAAS,EAAE,IAAW;AAC9C,+CAAS,SAAS,EAAE,GAAG;AAAA,UACzB;AAAA,UAEA;AAAA,wDAAC,oCAAa,WAAU,gBAAe;AAAA,YAAE;AAAA;AAAA;AAAA,MAE3C;AAAA,OACF,GACF;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/components/data-table/utils.js

@@ -1,6 +1,38 @@
-export function standardFilterFn(row, id, value) {
-    return value.includes(row.getValue(id));
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/data-table/utils.tsx
+var utils_exports = {};
+__export(utils_exports, {
+  arrayFilterFn: () => arrayFilterFn,
+  standardFilterFn: () => standardFilterFn
+});
+module.exports = __toCommonJS(utils_exports);
+function standardFilterFn(row, id, value) {
+  return value.includes(row.getValue(id));
 }
-export function arrayFilterFn(row, id, value) {
-    return value.some((v) => row.getValue(id).includes(v));
+function arrayFilterFn(row, id, value) {
+  return value.some((v) => row.getValue(id).includes(v));
 }
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  arrayFilterFn,
+  standardFilterFn
+});
+//# sourceMappingURL=utils.js.map

package/dist/components/data-table/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/data-table/utils.tsx"],"sourcesContent":["export function standardFilterFn (row: any, id: string, value: any) {\n  return value.includes(row.getValue(id));\n}\n\nexport function arrayFilterFn (row: any, id: string, value: any) {\n  return value.some((v: any) => row.getValue(id).includes(v));\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,SAAS,iBAAkB,KAAU,IAAY,OAAY;AAClE,SAAO,MAAM,SAAS,IAAI,SAAS,EAAE,CAAC;AACxC;AAEO,SAAS,cAAe,KAAU,IAAY,OAAY;AAC/D,SAAO,MAAM,KAAK,CAAC,MAAW,IAAI,SAAS,EAAE,EAAE,SAAS,CAAC,CAAC;AAC5D;","names":[]}

package/dist/components/data-table/view-options.js

@@ -1,12 +1,72 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MixerHorizontalIcon } from "@radix-ui/react-icons";
-import { Button, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "@stackframe/stack-ui";
-export function DataTableViewOptions({ table, }) {
-    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "sm", className: "ml-auto hidden h-8 lg:flex", children: [_jsx(MixerHorizontalIcon, { className: "mr-2 h-4 w-4" }), "View"] }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsx(DropdownMenuLabel, { children: "Toggle columns" }), _jsx(DropdownMenuSeparator, {}), table
-                        .getAllColumns()
-                        .filter((column) => typeof column.accessorFn !== "undefined" && column.getCanHide())
-                        .map((column) => {
-                        return (_jsx(DropdownMenuCheckboxItem, { className: "capitalize", checked: column.getIsVisible(), onCheckedChange: (value) => column.toggleVisibility(!!value), children: column.id }, column.id));
-                    })] })] }));
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/data-table/view-options.tsx
+var view_options_exports = {};
+__export(view_options_exports, {
+  DataTableViewOptions: () => DataTableViewOptions
+});
+module.exports = __toCommonJS(view_options_exports);
+var import_react_icons = require("@radix-ui/react-icons");
+var import_button = require("../ui/button.js");
+var import_dropdown_menu = require("../ui/dropdown-menu.js");
+var import_jsx_runtime = require("react/jsx-runtime");
+function DataTableViewOptions({
+  table
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_button.Button,
+      {
+        variant: "outline",
+        size: "sm",
+        className: "ml-auto hidden h-8 lg:flex",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.MixerHorizontalIcon, { className: "mr-2 h-4 w-4" }),
+          "View"
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenuContent, { align: "end", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuLabel, { children: "Toggle columns" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuSeparator, {}),
+      table.getAllColumns().filter(
+        (column) => typeof column.accessorFn !== "undefined" && column.getCanHide()
+      ).map((column) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_dropdown_menu.DropdownMenuCheckboxItem,
+          {
+            className: "capitalize",
+            checked: column.getIsVisible(),
+            onCheckedChange: (value) => column.toggleVisibility(!!value),
+            children: column.id
+          },
+          column.id
+        );
+      })
+    ] })
+  ] });
 }
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DataTableViewOptions
+});
+//# sourceMappingURL=view-options.js.map

package/dist/components/data-table/view-options.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/data-table/view-options.tsx"],"sourcesContent":["\"use client\";\n\nimport { MixerHorizontalIcon } from \"@radix-ui/react-icons\";\nimport { Button } from \"../ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"../ui/dropdown-menu\";\nimport { Table } from \"@tanstack/react-table\";\n\ntype DataTableViewOptionsProps<TData> = {\n  table: Table<TData>,\n}\n\nexport function DataTableViewOptions<TData>({\n  table,\n}: DataTableViewOptionsProps<TData>) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          className=\"ml-auto hidden h-8 lg:flex\"\n        >\n          <MixerHorizontalIcon className=\"mr-2 h-4 w-4\" />\n          View\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\">\n        <DropdownMenuLabel>Toggle columns</DropdownMenuLabel>\n        <DropdownMenuSeparator />\n        {table\n          .getAllColumns()\n          .filter(\n            (column) =>\n              typeof column.accessorFn !== \"undefined\" && column.getCanHide()\n          )\n          .map((column) => {\n            return (\n              <DropdownMenuCheckboxItem\n                key={column.id}\n                className=\"capitalize\"\n                checked={column.getIsVisible()}\n                onCheckedChange={(value) => column.toggleVisibility(!!value)}\n              >\n                {column.id}\n              </DropdownMenuCheckboxItem>\n            );\n          })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,yBAAoC;AACpC,oBAAuB;AACvB,2BAOO;AAaC;AAND,SAAS,qBAA4B;AAAA,EAC1C;AACF,GAAqC;AACnC,SACE,6CAAC,qCACC;AAAA,gDAAC,4CAAoB,SAAO,MAC1B;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,WAAU;AAAA,QAEV;AAAA,sDAAC,0CAAoB,WAAU,gBAAe;AAAA,UAAE;AAAA;AAAA;AAAA,IAElD,GACF;AAAA,IACA,6CAAC,4CAAoB,OAAM,OACzB;AAAA,kDAAC,0CAAkB,4BAAc;AAAA,MACjC,4CAAC,8CAAsB;AAAA,MACtB,MACE,cAAc,EACd;AAAA,QACC,CAAC,WACC,OAAO,OAAO,eAAe,eAAe,OAAO,WAAW;AAAA,MAClE,EACC,IAAI,CAAC,WAAW;AACf,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,WAAU;AAAA,YACV,SAAS,OAAO,aAAa;AAAA,YAC7B,iBAAiB,CAAC,UAAU,OAAO,iBAAiB,CAAC,CAAC,KAAK;AAAA,YAE1D,iBAAO;AAAA;AAAA,UALH,OAAO;AAAA,QAMd;AAAA,MAEJ,CAAC;AAAA,OACL;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/simple-tooltip.js

@@ -1,14 +1,46 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { TooltipPortal } from "@radix-ui/react-tooltip";
-import { CircleAlert, Info } from "lucide-react";
-import { Tooltip, TooltipContent, TooltipTrigger, cn } from "..";
-export function SimpleTooltip(props) {
-    const iconClassName = cn("w-4 h-4 text-muted-foreground", props.inline && "inline");
-    const icon = props.type === 'warning' ?
-        _jsx(CircleAlert, { className: iconClassName }) :
-        props.type === 'info' ?
-            _jsx(Info, { className: iconClassName }) :
-            null;
-    const trigger = (_jsxs(_Fragment, { children: [icon, props.children] }));
-    return (_jsxs(Tooltip, { open: props.disabled ? false : undefined, children: [_jsx(TooltipTrigger, { asChild: true, children: props.inline ? (_jsx("span", { className: cn(props.className), children: trigger })) : (_jsx("div", { className: cn("flex items-center gap-1", props.className), children: trigger })) }), props.tooltip && _jsx(TooltipPortal, { children: _jsx(TooltipContent, { children: _jsx("div", { className: "max-w-60 text-center text-wrap whitespace-pre-wrap", children: props.tooltip }) }) })] }));
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/simple-tooltip.tsx
+var simple_tooltip_exports = {};
+__export(simple_tooltip_exports, {
+  SimpleTooltip: () => SimpleTooltip
+});
+module.exports = __toCommonJS(simple_tooltip_exports);
+var import_react_tooltip = require("@radix-ui/react-tooltip");
+var import_lucide_react = require("lucide-react");
+var import__ = require("../index.js");
+var import_jsx_runtime = require("react/jsx-runtime");
+function SimpleTooltip(props) {
+  const iconClassName = (0, import__.cn)("w-4 h-4 text-muted-foreground", props.inline && "inline");
+  const icon = props.type === "warning" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CircleAlert, { className: iconClassName }) : props.type === "info" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Info, { className: iconClassName }) : null;
+  const trigger = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    icon,
+    props.children
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.Tooltip, { open: props.disabled ? false : void 0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.TooltipTrigger, { asChild: true, children: props.inline ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: (0, import__.cn)(props.className), children: trigger }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import__.cn)("flex items-center gap-1", props.className), children: trigger }) }),
+    props.tooltip && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_tooltip.TooltipPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.TooltipContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "max-w-60 text-center text-wrap whitespace-pre-wrap", children: props.tooltip }) }) })
+  ] });
 }
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SimpleTooltip
+});
+//# sourceMappingURL=simple-tooltip.js.map

package/dist/components/simple-tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/simple-tooltip.tsx"],"sourcesContent":["import { TooltipPortal } from \"@radix-ui/react-tooltip\";\nimport { CircleAlert, Info } from \"lucide-react\";\nimport { Tooltip, TooltipContent, TooltipTrigger, cn } from \"..\";\n\nexport function SimpleTooltip(props: {\n  tooltip: React.ReactNode,\n  children?: React.ReactNode,\n  type?: 'info' | 'warning',\n  inline?: boolean,\n  className?: string,\n  disabled?: boolean,\n}) {\n  const iconClassName = cn(\"w-4 h-4 text-muted-foreground\", props.inline && \"inline\");\n  const icon = props.type === 'warning' ?\n    <CircleAlert className={iconClassName} /> :\n    props.type === 'info' ?\n      <Info className={iconClassName} /> :\n      null;\n\n  const trigger = (\n    <>{icon}{props.children}</>\n  );\n\n  return (\n    <Tooltip open={props.disabled ? false : undefined}>\n      <TooltipTrigger asChild>\n        {props.inline ? (\n          <span className={cn(props.className)}>\n            {trigger}\n          </span>\n        ) : (\n          <div className={cn(\"flex items-center gap-1\", props.className)}>\n            {trigger}\n          </div>\n        )}\n      </TooltipTrigger>\n      {props.tooltip && <TooltipPortal>\n        <TooltipContent>\n          <div className=\"max-w-60 text-center text-wrap whitespace-pre-wrap\">\n            {props.tooltip}\n          </div>\n        </TooltipContent>\n      </TooltipPortal>}\n    </Tooltip>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAA8B;AAC9B,0BAAkC;AAClC,eAA4D;AAYxD;AAVG,SAAS,cAAc,OAO3B;AACD,QAAM,oBAAgB,aAAG,iCAAiC,MAAM,UAAU,QAAQ;AAClF,QAAM,OAAO,MAAM,SAAS,YAC1B,4CAAC,mCAAY,WAAW,eAAe,IACvC,MAAM,SAAS,SACb,4CAAC,4BAAK,WAAW,eAAe,IAChC;AAEJ,QAAM,UACJ,4EAAG;AAAA;AAAA,IAAM,MAAM;AAAA,KAAS;AAG1B,SACE,6CAAC,oBAAQ,MAAM,MAAM,WAAW,QAAQ,QACtC;AAAA,gDAAC,2BAAe,SAAO,MACpB,gBAAM,SACL,4CAAC,UAAK,eAAW,aAAG,MAAM,SAAS,GAChC,mBACH,IAEA,4CAAC,SAAI,eAAW,aAAG,2BAA2B,MAAM,SAAS,GAC1D,mBACH,GAEJ;AAAA,IACC,MAAM,WAAW,4CAAC,sCACjB,sDAAC,2BACC,sDAAC,SAAI,WAAU,sDACZ,gBAAM,SACT,GACF,GACF;AAAA,KACF;AAEJ;","names":[]}