@stackframe/stack-ui 2.8.61 → 2.8.62

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

@@ -0,0 +1,71 @@
+// src/components/data-table/pagination.tsx
+import { ChevronLeftIcon, ChevronRightIcon } from "@radix-ui/react-icons";
+import { Button } from "../ui/button.js";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "../ui/select.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+function DataTablePagination({
+  table
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-2 flex-col sm:flex-row gap-y-4 sm:gap-y-0", children: [
+    /* @__PURE__ */ 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__ */ 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__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Rows per page" }),
+        /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: `${table.getState().pagination.pageSize}`,
+            onValueChange: (value) => {
+              table.setPageSize(Number(value));
+            },
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8 w-[70px]", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: table.getState().pagination.pageSize }) }),
+              /* @__PURE__ */ jsx(SelectContent, { side: "top", children: [10, 20, 30, 40, 50].map((pageSize) => /* @__PURE__ */ jsx(SelectItem, { value: `${pageSize}`, children: pageSize }, pageSize)) })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center text-sm font-medium", children: table.getState().pagination.pageIndex + 1 }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "outline",
+              className: "h-8 w-8 p-0",
+              onClick: () => table.previousPage(),
+              disabled: !table.getCanPreviousPage(),
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Go to previous page" }),
+                /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "h-4 w-4" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "outline",
+              className: "h-8 w-8 p-0",
+              onClick: () => table.nextPage(),
+              disabled: !table.getCanNextPage(),
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Go to next page" }),
+                /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-4 w-4" })
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+export {
+  DataTablePagination
+};
+//# sourceMappingURL=pagination.js.map

package/dist/esm/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,SAAS,iBAAiB,wBAAwB;AAClD,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAYD,cAQI,YARJ;AALC,SAAS,oBAA2B;AAAA,EACzC;AACF,GAAoC;AAClC,SACE,qBAAC,SAAI,WAAU,kFACb;AAAA,wBAAC,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,qBAAC,SAAI,WAAU,gFACb;AAAA,2BAAC,SAAI,WAAU,+BACb;AAAA,4BAAC,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,kCAAC,iBAAc,WAAU,gBACvB,8BAAC,eAAY,aAAa,MAAM,SAAS,EAAE,WAAW,UAAU,GAClE;AAAA,cACA,oBAAC,iBAAc,MAAK,OACjB,WAAC,IAAI,IAAI,IAAI,IAAI,EAAE,EAAE,IAAI,CAAC,aACzB,oBAAC,cAA0B,OAAO,GAAG,QAAQ,IAC1C,sBADc,QAEjB,CACD,GACH;AAAA;AAAA;AAAA,QACF;AAAA,SACF;AAAA,MACA,qBAAC,SAAI,WAAU,2BACb;AAAA,4BAAC,SAAI,WAAU,wDACZ,gBAAM,SAAS,EAAE,WAAW,YAAY,GAE3C;AAAA,QACA,qBAAC,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,oCAAC,UAAK,WAAU,WAAU,iCAAmB;AAAA,gBAC7C,oBAAC,mBAAgB,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,oCAAC,UAAK,WAAU,WAAU,6BAAe;AAAA,gBACzC,oBAAC,oBAAiB,WAAU,WAAU;AAAA;AAAA;AAAA,UACxC;AAAA,WACF;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

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

@@ -0,0 +1,18 @@
+// src/components/data-table/toolbar-items.tsx
+import { Input, cn } from "../../index.js";
+import { jsx } from "react/jsx-runtime";
+function SearchToolbarItem(props) {
+  return /* @__PURE__ */ 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)
+    }
+  );
+}
+export {
+  SearchToolbarItem
+};
+//# sourceMappingURL=toolbar-items.js.map

package/dist/esm/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,SAAS,OAAO,UAAU;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,WAAW,GAAG,iBAAiB,MAAM,SAAS;AAAA;AAAA,EAChD;AAEJ;","names":[]}

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

@@ -0,0 +1,92 @@
+"use client";
+"use client";
+
+// src/components/data-table/toolbar.tsx
+import { Cross2Icon } from "@radix-ui/react-icons";
+import { deepPlainEquals } from "@stackframe/stack-shared/dist/utils/objects";
+import { Button } from "../ui/button.js";
+import { download, generateCsv, mkConfig } from "export-to-csv";
+import { DownloadIcon } from "lucide-react";
+import { DataTableViewOptions } from "./view-options.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function DataTableToolbar({
+  table,
+  toolbarRender,
+  showDefaultToolbar,
+  defaultColumnFilters,
+  defaultSorting,
+  showResetFilters = true
+}) {
+  const isFiltered = !deepPlainEquals(table.getState().columnFilters, defaultColumnFilters);
+  const isSorted = !deepPlainEquals(table.getState().sorting, defaultSorting);
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap flex-1 stack-scope", children: [
+      toolbarRender?.(table),
+      showResetFilters && (isFiltered || isSorted) && /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "ghost",
+          onClick: () => {
+            table.setColumnFilters(defaultColumnFilters);
+            table.setSorting(defaultSorting);
+          },
+          className: "h-8 px-2 lg:px-3",
+          children: [
+            "Reset filters",
+            /* @__PURE__ */ jsx(Cross2Icon, { className: "ml-2 h-4 w-4" })
+          ]
+        }
+      )
+    ] }),
+    showDefaultToolbar && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
+      /* @__PURE__ */ jsx(DataTableViewOptions, { table }),
+      /* @__PURE__ */ 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 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 = generateCsv(csvConfig)(rows);
+            download(csvConfig)(csv);
+          },
+          children: [
+            /* @__PURE__ */ jsx(DownloadIcon, { className: "mr-2 h-4 w-4" }),
+            "Export CSV"
+          ]
+        }
+      )
+    ] }) })
+  ] });
+}
+export {
+  DataTableToolbar
+};
+//# sourceMappingURL=toolbar.js.map

package/dist/esm/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":";;;AAEA,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAChC,SAAS,cAAc;AAEvB,SAAS,UAAU,aAAa,gBAAgB;AAChD,SAAS,oBAAoB;AAC7B,SAAS,4BAA4B;AA2B3B,SAcF,UALI,KATF;AAhBH,SAAS,iBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AACrB,GAAiC;AAC/B,QAAM,aAAa,CAAC,gBAAgB,MAAM,SAAS,EAAE,eAAe,oBAAoB;AACxF,QAAM,WAAW,CAAC,gBAAgB,MAAM,SAAS,EAAE,SAAS,cAAc;AAE1E,SACE,qBAAC,SAAI,WAAU,qCACb;AAAA,yBAAC,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,oBAAC,cAAW,WAAU,gBAAe;AAAA;AAAA;AAAA,MACvC;AAAA,OAEJ;AAAA,IACC,sBACC,gCACE,+BAAC,SAAI,WAAU,qCACb;AAAA,0BAAC,wBAAqB,OAAc;AAAA,MACpC;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS,MAAM;AACb,kBAAM,YAAY,SAAS;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,MAAM,YAAY,SAAS,EAAE,IAAW;AAC9C,qBAAS,SAAS,EAAE,GAAG;AAAA,UACzB;AAAA,UAEA;AAAA,gCAAC,gBAAa,WAAU,gBAAe;AAAA,YAAE;AAAA;AAAA;AAAA,MAE3C;AAAA,OACF,GACF;AAAA,KAEJ;AAEJ;","names":[]}

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

@@ -0,0 +1,12 @@
+// src/components/data-table/utils.tsx
+function standardFilterFn(row, id, value) {
+  return value.includes(row.getValue(id));
+}
+function arrayFilterFn(row, id, value) {
+  return value.some((v) => row.getValue(id).includes(v));
+}
+export {
+  arrayFilterFn,
+  standardFilterFn
+};
+//# sourceMappingURL=utils.js.map

package/dist/esm/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":";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/esm/components/data-table/view-options.js

@@ -0,0 +1,55 @@
+"use client";
+"use client";
+
+// src/components/data-table/view-options.tsx
+import { MixerHorizontalIcon } from "@radix-ui/react-icons";
+import { Button } from "../ui/button.js";
+import {
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger
+} from "../ui/dropdown-menu.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+function DataTableViewOptions({
+  table
+}) {
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        size: "sm",
+        className: "ml-auto hidden h-8 lg:flex",
+        children: [
+          /* @__PURE__ */ jsx(MixerHorizontalIcon, { className: "mr-2 h-4 w-4" }),
+          "View"
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
+      /* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Toggle columns" }),
+      /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+      table.getAllColumns().filter(
+        (column) => typeof column.accessorFn !== "undefined" && column.getCanHide()
+      ).map((column) => {
+        return /* @__PURE__ */ jsx(
+          DropdownMenuCheckboxItem,
+          {
+            className: "capitalize",
+            checked: column.getIsVisible(),
+            onCheckedChange: (value) => column.toggleVisibility(!!value),
+            children: column.id
+          },
+          column.id
+        );
+      })
+    ] })
+  ] });
+}
+export {
+  DataTableViewOptions
+};
+//# sourceMappingURL=view-options.js.map

package/dist/esm/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":";;;AAEA,SAAS,2BAA2B;AACpC,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAaC,SAKE,KALF;AAND,SAAS,qBAA4B;AAAA,EAC1C;AACF,GAAqC;AACnC,SACE,qBAAC,gBACC;AAAA,wBAAC,uBAAoB,SAAO,MAC1B;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,WAAU;AAAA,QAEV;AAAA,8BAAC,uBAAoB,WAAU,gBAAe;AAAA,UAAE;AAAA;AAAA;AAAA,IAElD,GACF;AAAA,IACA,qBAAC,uBAAoB,OAAM,OACzB;AAAA,0BAAC,qBAAkB,4BAAc;AAAA,MACjC,oBAAC,yBAAsB;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/esm/components/simple-tooltip.js

@@ -0,0 +1,21 @@
+// src/components/simple-tooltip.tsx
+import { TooltipPortal } from "@radix-ui/react-tooltip";
+import { CircleAlert, Info } from "lucide-react";
+import { Tooltip, TooltipContent, TooltipTrigger, cn } from "../index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function SimpleTooltip(props) {
+  const iconClassName = cn("w-4 h-4 text-muted-foreground", props.inline && "inline");
+  const icon = props.type === "warning" ? /* @__PURE__ */ jsx(CircleAlert, { className: iconClassName }) : props.type === "info" ? /* @__PURE__ */ jsx(Info, { className: iconClassName }) : null;
+  const trigger = /* @__PURE__ */ jsxs(Fragment, { children: [
+    icon,
+    props.children
+  ] });
+  return /* @__PURE__ */ jsxs(Tooltip, { open: props.disabled ? false : void 0, children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: props.inline ? /* @__PURE__ */ jsx("span", { className: cn(props.className), children: trigger }) : /* @__PURE__ */ jsx("div", { className: cn("flex items-center gap-1", props.className), children: trigger }) }),
+    props.tooltip && /* @__PURE__ */ jsx(TooltipPortal, { children: /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("div", { className: "max-w-60 text-center text-wrap whitespace-pre-wrap", children: props.tooltip }) }) })
+  ] });
+}
+export {
+  SimpleTooltip
+};
+//# sourceMappingURL=simple-tooltip.js.map

package/dist/esm/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,SAAS,qBAAqB;AAC9B,SAAS,aAAa,YAAY;AAClC,SAAS,SAAS,gBAAgB,gBAAgB,UAAU;AAYxD,SAMA,UANA,KAMA,YANA;AAVG,SAAS,cAAc,OAO3B;AACD,QAAM,gBAAgB,GAAG,iCAAiC,MAAM,UAAU,QAAQ;AAClF,QAAM,OAAO,MAAM,SAAS,YAC1B,oBAAC,eAAY,WAAW,eAAe,IACvC,MAAM,SAAS,SACb,oBAAC,QAAK,WAAW,eAAe,IAChC;AAEJ,QAAM,UACJ,iCAAG;AAAA;AAAA,IAAM,MAAM;AAAA,KAAS;AAG1B,SACE,qBAAC,WAAQ,MAAM,MAAM,WAAW,QAAQ,QACtC;AAAA,wBAAC,kBAAe,SAAO,MACpB,gBAAM,SACL,oBAAC,UAAK,WAAW,GAAG,MAAM,SAAS,GAChC,mBACH,IAEA,oBAAC,SAAI,WAAW,GAAG,2BAA2B,MAAM,SAAS,GAC1D,mBACH,GAEJ;AAAA,IACC,MAAM,WAAW,oBAAC,iBACjB,8BAAC,kBACC,8BAAC,SAAI,WAAU,sDACZ,gBAAM,SACT,GACF,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/esm/components/ui/accordion.js

@@ -0,0 +1,52 @@
+"use client";
+"use client";
+
+// src/components/ui/accordion.tsx
+import { forwardRefIfNeeded } from "@stackframe/stack-shared/dist/utils/react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDownIcon } from "@radix-ui/react-icons";
+import { cn } from "../../lib/utils.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Accordion = AccordionPrimitive.Root;
+var AccordionItem = forwardRefIfNeeded(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AccordionPrimitive.Item,
+  {
+    ref,
+    className: cn("border-b", className),
+    ...props
+  }
+));
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = forwardRefIfNeeded(({ className, children, disabled, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "stack-scope flex", children: /* @__PURE__ */ jsxs(
+  AccordionPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      !disabled && /* @__PURE__ */ jsx(ChevronDownIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" })
+    ]
+  }
+) }));
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+var AccordionContent = forwardRefIfNeeded(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  AccordionPrimitive.Content,
+  {
+    ref,
+    className: "stack-scope text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+    ...props,
+    children: /* @__PURE__ */ jsx("div", { className: cn("pb-4 pt-0", className), children })
+  }
+));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+};
+//# sourceMappingURL=accordion.js.map

package/dist/esm/components/ui/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/accordion.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport { forwardRefIfNeeded } from \"@stackframe/stack-shared/dist/utils/react\";\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\";\nimport { ChevronDownIcon } from \"@radix-ui/react-icons\";\n\nimport { cn } from \"../../lib/utils\";\n\nconst Accordion = AccordionPrimitive.Root;\n\nconst AccordionItem = forwardRefIfNeeded<\n  React.ElementRef<typeof AccordionPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <AccordionPrimitive.Item\n    ref={ref}\n    className={cn(\"border-b\", className)}\n    {...props}\n  />\n));\nAccordionItem.displayName = \"AccordionItem\";\n\nconst AccordionTrigger = forwardRefIfNeeded<\n  React.ElementRef<typeof AccordionPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\n>(({ className, children, disabled, ...props }, ref) => (\n  <AccordionPrimitive.Header className=\"stack-scope flex\">\n    <AccordionPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        \"flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {!disabled && <ChevronDownIcon className=\"h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200\" />}\n    </AccordionPrimitive.Trigger>\n  </AccordionPrimitive.Header>\n));\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;\n\nconst AccordionContent = forwardRefIfNeeded<\n  React.ElementRef<typeof AccordionPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Content\n    ref={ref}\n    className=\"stack-scope text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n    {...props}\n  >\n    <div className={cn(\"pb-4 pt-0\", className)}>{children}</div>\n  </AccordionPrimitive.Content>\n));\nAccordionContent.displayName = AccordionPrimitive.Content.displayName;\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\n"],"mappings":";;;AAGA,SAAS,0BAA0B;AACnC,YAAY,wBAAwB;AACpC,SAAS,uBAAuB;AAEhC,SAAS,UAAU;AAQjB,cAaE,YAbF;AANF,IAAM,YAA+B;AAErC,IAAM,gBAAgB,mBAGpB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAoB;AAAA,EAAnB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,YAAY,SAAS;AAAA,IAClC,GAAG;AAAA;AACN,CACD;AACD,cAAc,cAAc;AAE5B,IAAM,mBAAmB,mBAGvB,CAAC,EAAE,WAAW,UAAU,UAAU,GAAG,MAAM,GAAG,QAC9C,oBAAoB,2BAAnB,EAA0B,WAAU,oBACnC;AAAA,EAAoB;AAAA,EAAnB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEH;AAAA;AAAA,MACA,CAAC,YAAY,oBAAC,mBAAgB,WAAU,4EAA2E;AAAA;AAAA;AACtH,GACF,CACD;AACD,iBAAiB,cAAiC,2BAAQ;AAE1D,IAAM,mBAAmB,mBAGvB,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC;AAAA,EAAoB;AAAA,EAAnB;AAAA,IACC;AAAA,IACA,WAAU;AAAA,IACT,GAAG;AAAA,IAEJ,8BAAC,SAAI,WAAW,GAAG,aAAa,SAAS,GAAI,UAAS;AAAA;AACxD,CACD;AACD,iBAAiB,cAAiC,2BAAQ;","names":[]}

package/dist/esm/components/ui/alert.js

@@ -0,0 +1,54 @@
+// src/components/ui/alert.tsx
+import { forwardRefIfNeeded } from "@stackframe/stack-shared/dist/utils/react";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils.js";
+import { jsx } from "react/jsx-runtime";
+var alertVariants = cva(
+  "stack-scope relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",
+  {
+    variants: {
+      variant: {
+        default: "bg-background text-foreground",
+        destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive bg-destructive/5",
+        success: "border-success/50 text-success dark:border-success [&>svg]:text-success bg-success/5"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Alert = forwardRefIfNeeded(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    role: "alert",
+    className: cn(alertVariants({ variant }), className),
+    ...props
+  }
+));
+Alert.displayName = "Alert";
+var AlertTitle = forwardRefIfNeeded(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "h5",
+  {
+    ref,
+    className: cn("mb-1 font-medium leading-none tracking-tight", className),
+    ...props
+  }
+));
+AlertTitle.displayName = "AlertTitle";
+var AlertDescription = forwardRefIfNeeded(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn("text-sm [&_p]:leading-relaxed", className),
+    ...props
+  }
+));
+AlertDescription.displayName = "AlertDescription";
+export {
+  Alert,
+  AlertDescription,
+  AlertTitle
+};
+//# sourceMappingURL=alert.js.map

package/dist/esm/components/ui/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/alert.tsx"],"sourcesContent":["import React from \"react\";\nimport { forwardRefIfNeeded } from \"@stackframe/stack-shared/dist/utils/react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../../lib/utils\";\n\nconst alertVariants = cva(\n  \"stack-scope relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-background text-foreground\",\n        destructive: \"border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive bg-destructive/5\",\n        success: \"border-success/50 text-success dark:border-success [&>svg]:text-success bg-success/5\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);\n\nconst Alert = forwardRefIfNeeded<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>\n>(({ className, variant, ...props }, ref) => (\n  <div\n    ref={ref}\n    role=\"alert\"\n    className={cn(alertVariants({ variant }), className)}\n    {...props}\n  />\n));\nAlert.displayName = \"Alert\";\n\nconst AlertTitle = forwardRefIfNeeded<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n  <h5\n    ref={ref}\n    className={cn(\"mb-1 font-medium leading-none tracking-tight\", className)}\n    {...props}\n  />\n));\nAlertTitle.displayName = \"AlertTitle\";\n\nconst AlertDescription = forwardRefIfNeeded<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"text-sm [&_p]:leading-relaxed\", className)}\n    {...props}\n  />\n));\nAlertDescription.displayName = \"AlertDescription\";\n\nexport { Alert, AlertTitle, AlertDescription };\n"],"mappings":";AACA,SAAS,0BAA0B;AACnC,SAAS,WAA8B;AAEvC,SAAS,UAAU;AAsBjB;AApBF,IAAM,gBAAgB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aAAa;AAAA,QACb,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEA,IAAM,QAAQ,mBAGZ,CAAC,EAAE,WAAW,SAAS,GAAG,MAAM,GAAG,QACnC;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,MAAK;AAAA,IACL,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;AAAA,IAClD,GAAG;AAAA;AACN,CACD;AACD,MAAM,cAAc;AAEpB,IAAM,aAAa,mBAGjB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,gDAAgD,SAAS;AAAA,IACtE,GAAG;AAAA;AACN,CACD;AACD,WAAW,cAAc;AAEzB,IAAM,mBAAmB,mBAGvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,IACvD,GAAG;AAAA;AACN,CACD;AACD,iBAAiB,cAAc;","names":[]}

package/dist/esm/components/ui/aspect-ratio.js

@@ -0,0 +1,10 @@
+"use client";
+"use client";
+
+// src/components/ui/aspect-ratio.tsx
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+var AspectRatio = AspectRatioPrimitive.Root;
+export {
+  AspectRatio
+};
+//# sourceMappingURL=aspect-ratio.js.map

package/dist/esm/components/ui/aspect-ratio.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/aspect-ratio.tsx"],"sourcesContent":["\"use client\";\n\nimport * as AspectRatioPrimitive from \"@radix-ui/react-aspect-ratio\";\n\nconst AspectRatio = AspectRatioPrimitive.Root;\n\nexport { AspectRatio };\n"],"mappings":";;;AAEA,YAAY,0BAA0B;AAEtC,IAAM,cAAmC;","names":[]}

package/dist/esm/components/ui/avatar.js

@@ -0,0 +1,47 @@
+"use client";
+"use client";
+
+// src/components/ui/avatar.tsx
+import { forwardRefIfNeeded } from "@stackframe/stack-shared/dist/utils/react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { cn } from "../../lib/utils.js";
+import { jsx } from "react/jsx-runtime";
+var Avatar = forwardRefIfNeeded(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "stack-scope relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+      className
+    ),
+    ...props
+  }
+));
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+var AvatarImage = forwardRefIfNeeded(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Image,
+  {
+    ref,
+    className: cn("aspect-square h-full w-full", className),
+    ...props
+  }
+));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+var AvatarFallback = forwardRefIfNeeded(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Fallback,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full items-center justify-center rounded-full bg-muted",
+      className
+    ),
+    ...props
+  }
+));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+export {
+  Avatar,
+  AvatarFallback,
+  AvatarImage
+};
+//# sourceMappingURL=avatar.js.map

package/dist/esm/components/ui/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/avatar.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport { forwardRefIfNeeded } from \"@stackframe/stack-shared/dist/utils/react\";\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\";\n\nimport { cn } from \"../../lib/utils\";\n\nconst Avatar = forwardRefIfNeeded<\n  React.ElementRef<typeof AvatarPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"stack-scope relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full\",\n      className\n    )}\n    {...props}\n  />\n));\nAvatar.displayName = AvatarPrimitive.Root.displayName;\n\nconst AvatarImage = forwardRefIfNeeded<\n  React.ElementRef<typeof AvatarPrimitive.Image>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Image\n    ref={ref}\n    className={cn(\"aspect-square h-full w-full\", className)}\n    {...props}\n  />\n));\nAvatarImage.displayName = AvatarPrimitive.Image.displayName;\n\nconst AvatarFallback = forwardRefIfNeeded<\n  React.ElementRef<typeof AvatarPrimitive.Fallback>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Fallback\n    ref={ref}\n    className={cn(\n      \"flex h-full w-full items-center justify-center rounded-full bg-muted\",\n      className\n    )}\n    {...props}\n  />\n));\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;\n\nexport { Avatar, AvatarImage, AvatarFallback };\n"],"mappings":";;;AAGA,SAAS,0BAA0B;AACnC,YAAY,qBAAqB;AAEjC,SAAS,UAAU;AAMjB;AAJF,IAAM,SAAS,mBAGb,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,OAAO,cAA8B,qBAAK;AAE1C,IAAM,cAAc,mBAGlB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,+BAA+B,SAAS;AAAA,IACrD,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAA8B,sBAAM;AAEhD,IAAM,iBAAiB,mBAGrB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,eAAe,cAA8B,yBAAS;","names":[]}

package/dist/esm/components/ui/badge.js

@@ -0,0 +1,30 @@
+// src/components/ui/badge.tsx
+import { forwardRefIfNeeded } from "@stackframe/stack-shared/dist/utils/react";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils.js";
+import { jsx } from "react/jsx-runtime";
+var badgeVariants = cva(
+  "stack-scope inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground shadow",
+        secondary: "border-transparent bg-secondary text-secondary-foreground",
+        destructive: "border-transparent bg-destructive text-destructive-foreground shadow",
+        outline: "text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Badge = forwardRefIfNeeded(({ className, variant, ...props }, ref) => {
+  return /* @__PURE__ */ jsx("div", { ref, className: cn(badgeVariants({ variant }), className), ...props });
+});
+Badge.displayName = "Badge";
+export {
+  Badge,
+  badgeVariants
+};
+//# sourceMappingURL=badge.js.map

package/dist/esm/components/ui/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/badge.tsx"],"sourcesContent":["import { forwardRefIfNeeded } from \"@stackframe/stack-shared/dist/utils/react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport React from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nconst badgeVariants = cva(\n  \"stack-scope inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"border-transparent bg-primary text-primary-foreground shadow\",\n        secondary:\n          \"border-transparent bg-secondary text-secondary-foreground\",\n        destructive:\n          \"border-transparent bg-destructive text-destructive-foreground shadow\",\n        outline: \"text-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);\n\nexport type BadgeProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof badgeVariants>;\n\nconst Badge = forwardRefIfNeeded<HTMLDivElement, BadgeProps>(({ className, variant, ...props }, ref) => {\n  return (\n    <div ref={ref} className={cn(badgeVariants({ variant }), className)} {...props} />\n  );\n});\nBadge.displayName = \"Badge\";\n\nexport { Badge, badgeVariants };\n"],"mappings":";AAAA,SAAS,0BAA0B;AACnC,SAAS,WAA8B;AAGvC,SAAS,UAAU;AA0Bf;AAxBJ,IAAM,gBAAgB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,WACE;AAAA,QACF,aACE;AAAA,QACF,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAIA,IAAM,QAAQ,mBAA+C,CAAC,EAAE,WAAW,SAAS,GAAG,MAAM,GAAG,QAAQ;AACtG,SACE,oBAAC,SAAI,KAAU,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS,GAAI,GAAG,OAAO;AAEpF,CAAC;AACD,MAAM,cAAc;","names":[]}