@hexclave/ui 1.0.0

package/dist/esm/components/data-table/pagination.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Table } from "@tanstack/react-table";
+
+//#region src/components/data-table/pagination.d.ts
+type DataTablePaginationProps<TData> = {
+  table: Table<TData>;
+};
+declare function DataTablePagination<TData>({
+  table
+}: DataTablePaginationProps<TData>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DataTablePagination };
+//# sourceMappingURL=pagination.d.ts.map

package/dist/esm/components/data-table/pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","names":[],"sources":["../../../../src/components/data-table/pagination.tsx"],"mappings":";;;;KAWK,wBAAA;EACH,KAAA,EAAO,KAAA,CAAM,KAAA;AAAA;AAAA,iBAGC,mBAAA,OAAA,CAAA;EACd;AAAA,GACC,wBAAA,CAAyB,KAAA,IAAM,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,76 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeftIcon, ChevronRightIcon } from "@radix-ui/react-icons";
+import { Button } from "../ui/button.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../ui/select.js";
+
+//#region src/components/data-table/pagination.tsx
+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" })]
+					})]
+				})]
+			})]
+		})]
+	});
+}
+
+//#endregion
+export { DataTablePagination };
+//# sourceMappingURL=pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","names":[],"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":";;;;;;AAeA,SAAgB,oBAA2B,EACzC,SACkC;AAClC,QACE,qBAAC;EAAI,WAAU;aACb,oBAAC;GAAI,WAAU;aACZ,MAAM,6BAA6B,CAAC,KAAK,WAAW,IACnD,GAAG,MAAM,6BAA6B,CAAC,KAAK,OAAO,MAAM,MAAM,qBAAqB,CAAC,KAAK,OAAO,oBACjG;IACE,EACN,qBAAC;GAAI,WAAU;cACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAE,WAAU;eAAsB;MAAiB,EACpD,qBAAC;KACC,OAAO,GAAG,MAAM,UAAU,CAAC,WAAW;KACtC,gBAAgB,UAAU;AACxB,YAAM,YAAY,OAAO,MAAM,CAAC;;gBAGlC,oBAAC;MAAc,WAAU;gBACvB,oBAAC,eAAY,aAAa,MAAM,UAAU,CAAC,WAAW,WAAY;OACpD,EAChB,oBAAC;MAAc,MAAK;gBACjB;OAAC;OAAI;OAAI;OAAI;OAAI;OAAG,CAAC,KAAK,aACzB,oBAAC;OAA0B,OAAO,GAAG;iBAClC;SADc,SAEJ,CACb;OACY;MACT;KACL,EACN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAI,WAAU;eACZ,MAAM,UAAU,CAAC,WAAW,YAAY;MAErC,EACN,qBAAC;KAAI,WAAU;gBACb,qBAAC;MACC,SAAQ;MACR,WAAU;MACV,eAAe,MAAM,cAAc;MACnC,UAAU,CAAC,MAAM,oBAAoB;iBAErC,oBAAC;OAAK,WAAU;iBAAU;QAA0B,EACpD,oBAAC,mBAAgB,WAAU,YAAY;OAChC,EACT,qBAAC;MACC,SAAQ;MACR,WAAU;MACV,eAAe,MAAM,UAAU;MAC/B,UAAU,CAAC,MAAM,gBAAgB;iBAEjC,oBAAC;OAAK,WAAU;iBAAU;QAAsB,EAChD,oBAAC,oBAAiB,WAAU,YAAY;OACjC;MACL;KACF;IACF;GACF"}

package/dist/esm/components/data-table/toolbar-items.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Table } from "@tanstack/react-table";
+
+//#region src/components/data-table/toolbar-items.d.ts
+declare function SearchToolbarItem<TData>(props: {
+  table: Table<TData>;
+  keyName?: string | null;
+  placeholder: string;
+  className?: string;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SearchToolbarItem };
+//# sourceMappingURL=toolbar-items.d.ts.map

package/dist/esm/components/data-table/toolbar-items.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-items.d.ts","names":[],"sources":["../../../../src/components/data-table/toolbar-items.tsx"],"mappings":";;;;iBAGgB,iBAAA,OAAA,CAAyB,KAAA;EAAS,KAAA,EAAO,KAAA,CAAM,KAAA;EAAQ,OAAA;EAAyB,WAAA;EAAqB,SAAA;AAAA,IAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-items.js","names":[],"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":";;;;AAGA,SAAgB,kBAAyB,OAAkG;AACzI,QACE,oBAAC;EACC,aAAa,MAAM;EACnB,OAAO,MAAM,UAAU,GAAG,MAAM,MAAM,UAAU,MAAM,QAAQ,EAAE,gBAAgB,IAAI,OAAO,MAAM,MAAM,UAAU,CAAC,gBAAgB;EAClI,WAAW,UAAU,MAAM,UAAU,MAAM,MAAM,UAAU,MAAM,QAAQ,EAAE,eAAe,MAAM,OAAO,MAAM,GAAG,MAAM,MAAM,gBAAgB,MAAM,OAAO,MAAM;EAC/J,WAAW,GAAG,iBAAiB,MAAM,UAAU;GAC/C"}

package/dist/esm/components/data-table/toolbar.d.ts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ColumnFiltersState, SortingState, Table } from "@tanstack/react-table";
+
+//#region src/components/data-table/toolbar.d.ts
+type DataTableToolbarProps<TData> = {
+  table: Table<TData>;
+  toolbarRender?: (table: Table<TData>) => React.ReactNode;
+  showDefaultToolbar?: boolean;
+  defaultColumnFilters: ColumnFiltersState;
+  defaultSorting: SortingState;
+  showResetFilters?: boolean;
+};
+declare function DataTableToolbar<TData>({
+  table,
+  toolbarRender,
+  showDefaultToolbar,
+  defaultColumnFilters,
+  defaultSorting,
+  showResetFilters
+}: DataTableToolbarProps<TData>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DataTableToolbar };
+//# sourceMappingURL=toolbar.d.ts.map

package/dist/esm/components/data-table/toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.d.ts","names":[],"sources":["../../../../src/components/data-table/toolbar.tsx"],"mappings":";;;;KAUK,qBAAA;EACH,KAAA,EAAO,KAAA,CAAM,KAAA;EACb,aAAA,IAAiB,KAAA,EAAO,KAAA,CAAM,KAAA,MAAW,KAAA,CAAM,SAAA;EAC/C,kBAAA;EACA,oBAAA,EAAsB,kBAAA;EACtB,cAAA,EAAgB,YAAA;EAChB,gBAAA;AAAA;AAAA,iBAGc,gBAAA,OAAA,CAAA;EACd,KAAA;EACA,aAAA;EACA,kBAAA;EACA,oBAAA;EACA,cAAA;EACA;AAAA,GACC,qBAAA,CAAsB,KAAA,IAAM,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,69 @@
+"use client";
+
+import { DownloadIcon } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Cross2Icon } from "@radix-ui/react-icons";
+import { Button } from "../ui/button.js";
+import { DataTableViewOptions } from "./view-options.js";
+import { deepPlainEquals } from "@hexclave/shared/dist/utils/objects";
+import { download, generateCsv, mkConfig } from "export-to-csv";
+
+//#region src/components/data-table/toolbar.tsx
+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;
+						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 rows = table.getCoreRowModel().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"]
+			})]
+		}) })]
+	});
+}
+
+//#endregion
+export { DataTableToolbar };
+//# sourceMappingURL=toolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.js","names":[],"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":";;;;;;;;;;;AAmBA,SAAgB,iBAAwB,EACtC,OACA,eACA,oBACA,sBACA,gBACA,mBAAmB,QACY;CAC/B,MAAM,aAAa,CAAC,gBAAgB,MAAM,UAAU,CAAC,eAAe,qBAAqB;CACzF,MAAM,WAAW,CAAC,gBAAgB,MAAM,UAAU,CAAC,SAAS,eAAe;AAE3E,QACE,qBAAC;EAAI,WAAU;aACb,qBAAC;GAAI,WAAU;cACZ,gBAAgB,MAAM,EACtB,qBAAqB,cAAc,aAClC,qBAAC;IACC,SAAQ;IACR,eAAe;AACb,WAAM,iBAAiB,qBAAqB;AAC5C,WAAM,WAAW,eAAe;;IAElC,WAAU;eACX,iBAEC,oBAAC,cAAW,WAAU,iBAAiB;KAChC;IAEP,EACL,sBACC,0CACE,qBAAC;GAAI,WAAU;cACb,oBAAC,wBAA4B,QAAS,EACtC,qBAAC;IACC,SAAQ;IACR,MAAK;IACL,WAAU;IACV,eAAe;KACb,MAAM,YAAY,SAAS;MACzB,gBAAgB;MAChB,UAAU;MACV,kBAAkB;MAClB,kBAAkB;MACnB,CAAC;KAEF,MAAM,mBAAmB,SAA+B;MACtD,MAAM,WAAW,KAAK,aAAa;AACnC,UAAI,aAAa,KACf;AAEF,UAAI;OAAC;OAAU;OAAU;OAAW;OAAY,CAAC,SAAS,OAAO,SAAS,CACxE,QAAO;AAET,UAAI,oBAAoB,KACtB,QAAO,SAAS,aAAa;AAE/B,UAAI,OAAO,aAAa,SACtB,QAAO,KAAK,UAAU,SAAS;;KAMnC,MAAM,OADW,MAAM,iBAAiB,CAClB,KAAK,KAAI,QAAO,OAAO,YAAY,IAAI,aAAa,CAAC,KAAI,MAAK,CAAC,EAAE,OAAO,IAAI,gBAAgB,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,OAAO,MAAM,OAAU,CAAC,CAAC;AAC5J,SAAI,KAAK,WAAW,GAAG;AACrB,YAAM,oBAAoB;AAC1B;;KAEF,MAAM,MAAM,YAAY,UAAU,CAAC,KAAY;AAC/C,cAAS,UAAU,CAAC,IAAI;;eAG1B,oBAAC,gBAAa,WAAU,iBAAiB;KAElC;IACL,GACL;GAED"}

package/dist/esm/components/data-table/utils.d.ts

@@ -0,0 +1,6 @@
+//#region src/components/data-table/utils.d.ts
+declare function standardFilterFn(row: any, id: string, value: any): any;
+declare function arrayFilterFn(row: any, id: string, value: any): any;
+//#endregion
+export { arrayFilterFn, standardFilterFn };
+//# sourceMappingURL=utils.d.ts.map

package/dist/esm/components/data-table/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","names":[],"sources":["../../../../src/components/data-table/utils.tsx"],"mappings":";iBAAgB,gBAAA,CAAkB,GAAA,OAAU,EAAA,UAAY,KAAA;AAAA,iBAIxC,aAAA,CAAe,GAAA,OAAU,EAAA,UAAY,KAAA"}

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

@@ -0,0 +1,11 @@
+//#region 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));
+}
+
+//#endregion
+export { arrayFilterFn, standardFilterFn };
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":[],"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,SAAgB,iBAAkB,KAAU,IAAY,OAAY;AAClE,QAAO,MAAM,SAAS,IAAI,SAAS,GAAG,CAAC;;AAGzC,SAAgB,cAAe,KAAU,IAAY,OAAY;AAC/D,QAAO,MAAM,MAAM,MAAW,IAAI,SAAS,GAAG,CAAC,SAAS,EAAE,CAAC"}

package/dist/esm/components/data-table/view-options.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Table } from "@tanstack/react-table";
+
+//#region src/components/data-table/view-options.d.ts
+type DataTableViewOptionsProps<TData> = {
+  table: Table<TData>;
+  variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
+  className?: string;
+  iconClassName?: string;
+};
+declare function DataTableViewOptions<TData>({
+  table,
+  variant,
+  className,
+  iconClassName
+}: DataTableViewOptionsProps<TData>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DataTableViewOptions };
+//# sourceMappingURL=view-options.d.ts.map

package/dist/esm/components/data-table/view-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view-options.d.ts","names":[],"sources":["../../../../src/components/data-table/view-options.tsx"],"mappings":";;;;KAcK,yBAAA;EACH,KAAA,EAAO,KAAA,CAAM,KAAA;EACb,OAAA;EACA,SAAA;EACA,aAAA;AAAA;AAAA,iBAGc,oBAAA,OAAA,CAAA;EACd,KAAA;EACA,OAAA;EACA,SAAA;EACA;AAAA,GACC,yBAAA,CAA0B,KAAA,IAAM,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,37 @@
+"use client";
+
+import { jsx, jsxs } from "react/jsx-runtime";
+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";
+
+//#region src/components/data-table/view-options.tsx
+function DataTableViewOptions({ table, variant = "secondary", className = "ml-auto hidden h-8 px-3 text-xs gap-1.5 lg:flex", iconClassName = "h-3.5 w-3.5" }) {
+	return /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsxs(Button, {
+			variant,
+			size: "sm",
+			className,
+			children: [/* @__PURE__ */ jsx(MixerHorizontalIcon, { className: iconClassName }), "View"]
+		})
+	}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+		align: "end",
+		children: [
+			/* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Toggle columns" }),
+			/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+			table.getAllColumns().filter((column) => (typeof column.accessorFn !== "undefined" || "accessorKey" in column.columnDef) && column.getCanHide()).map((column) => {
+				return /* @__PURE__ */ jsx(DropdownMenuCheckboxItem, {
+					className: "capitalize",
+					checked: column.getIsVisible(),
+					onCheckedChange: (value) => column.toggleVisibility(!!value),
+					children: column.id
+				}, column.id);
+			})
+		]
+	})] });
+}
+
+//#endregion
+export { DataTableViewOptions };
+//# sourceMappingURL=view-options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"view-options.js","names":[],"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  variant?: \"default\" | \"destructive\" | \"outline\" | \"secondary\" | \"ghost\" | \"link\",\n  className?: string,\n  iconClassName?: string,\n}\n\nexport function DataTableViewOptions<TData>({\n  table,\n  variant = \"secondary\",\n  className = \"ml-auto hidden h-8 px-3 text-xs gap-1.5 lg:flex\",\n  iconClassName = \"h-3.5 w-3.5\",\n}: DataTableViewOptionsProps<TData>) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button\n          variant={variant}\n          size=\"sm\"\n          className={className}\n        >\n          <MixerHorizontalIcon className={iconClassName} />\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\" || \"accessorKey\" in column.columnDef) && 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":";;;;;;;;AAqBA,SAAgB,qBAA4B,EAC1C,OACA,UAAU,aACV,YAAY,mDACZ,gBAAgB,iBACmB;AACnC,QACE,qBAAC,2BACC,oBAAC;EAAoB;YACnB,qBAAC;GACU;GACT,MAAK;GACM;cAEX,oBAAC,uBAAoB,WAAW,gBAAiB;IAE1C;GACW,EACtB,qBAAC;EAAoB,OAAM;;GACzB,oBAAC,+BAAkB,mBAAkC;GACrD,oBAAC,0BAAwB;GACxB,MACE,eAAe,CACf,QACE,YACE,OAAO,OAAO,eAAe,eAAe,iBAAiB,OAAO,cAAc,OAAO,YAAY,CACzG,CACA,KAAK,WAAW;AACf,WACE,oBAAC;KAEC,WAAU;KACV,SAAS,OAAO,cAAc;KAC9B,kBAAkB,UAAU,OAAO,iBAAiB,CAAC,CAAC,MAAM;eAE3D,OAAO;OALH,OAAO,GAMa;KAE7B;;GACgB,IACT"}

package/dist/esm/components/simple-tooltip.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/simple-tooltip.d.ts
+declare function SimpleTooltip(props: {
+  tooltip: React.ReactNode;
+  children?: React.ReactNode;
+  type?: 'info' | 'warning';
+  inline?: boolean;
+  className?: string;
+  disabled?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SimpleTooltip };
+//# sourceMappingURL=simple-tooltip.d.ts.map

package/dist/esm/components/simple-tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-tooltip.d.ts","names":[],"sources":["../../../src/components/simple-tooltip.tsx"],"mappings":";;;iBAIgB,aAAA,CAAc,KAAA;EAC5B,OAAA,EAAS,KAAA,CAAM,SAAA;EACf,QAAA,GAAW,KAAA,CAAM,SAAA;EACjB,IAAA;EACA,MAAA;EACA,SAAA;EACA,QAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,30 @@
+import { CircleAlert, Info } from "lucide-react";
+import { Tooltip, TooltipContent, TooltipTrigger, cn } from "../index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { TooltipPortal } from "@radix-ui/react-tooltip";
+
+//#region src/components/simple-tooltip.tsx
+function SimpleTooltip(props) {
+	const iconClassName = cn("w-4 h-4 text-muted-foreground", props.inline && "inline");
+	const trigger = /* @__PURE__ */ jsxs(Fragment, { children: [props.type === "warning" ? /* @__PURE__ */ jsx(CircleAlert, { className: iconClassName }) : props.type === "info" ? /* @__PURE__ */ jsx(Info, { className: iconClassName }) : null, 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
+		}) }) })]
+	});
+}
+
+//#endregion
+export { SimpleTooltip };
+//# sourceMappingURL=simple-tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"simple-tooltip.js","names":[],"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":";;;;;;AAIA,SAAgB,cAAc,OAO3B;CACD,MAAM,gBAAgB,GAAG,iCAAiC,MAAM,UAAU,SAAS;CAOnF,MAAM,UACJ,4CAPW,MAAM,SAAS,YAC1B,oBAAC,eAAY,WAAW,gBAAiB,GACzC,MAAM,SAAS,SACb,oBAAC,QAAK,WAAW,gBAAiB,GAClC,MAGO,MAAM,YAAY;AAG7B,QACE,qBAAC;EAAQ,MAAM,MAAM,WAAW,QAAQ;aACtC,oBAAC;GAAe;aACb,MAAM,SACL,oBAAC;IAAK,WAAW,GAAG,MAAM,UAAU;cACjC;KACI,GAEP,oBAAC;IAAI,WAAW,GAAG,2BAA2B,MAAM,UAAU;cAC3D;KACG;IAEO,EAChB,MAAM,WAAW,oBAAC,2BACjB,oBAAC,4BACC,oBAAC;GAAI,WAAU;aACZ,MAAM;IACH,GACS,GACH;GACR"}

package/dist/esm/components/ui/accordion.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+
+//#region src/components/ui/accordion.d.ts
+declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React.FC<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+  ref?: React.Ref<HTMLDivElement> | undefined;
+}>;
+declare const AccordionTrigger: React.FC<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+  ref?: React.Ref<HTMLButtonElement> | undefined;
+}>;
+declare const AccordionContent: React.FC<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+  ref?: React.Ref<HTMLDivElement> | undefined;
+}>;
+//#endregion
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
+//# sourceMappingURL=accordion.d.ts.map

package/dist/esm/components/ui/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","names":[],"sources":["../../../../src/components/ui/accordion.tsx"],"mappings":";;;;cASM,SAAA,EAAS,KAAA,CAAA,yBAAA,EAAA,kBAAA,CAAA,oBAAA,GAAA,kBAAA,CAAA,sBAAA,IAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAET,aAAA,EAAa,KAAA,CAAA,EAAA,CAAA,IAAA,CAAA,kBAAA,CAAA,kBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;;;cAYb,gBAAA,EAAgB,KAAA,CAAA,EAAA,CAAA,IAAA,CAAA,kBAAA,CAAA,qBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA;;;cAoBhB,gBAAA,EAAgB,KAAA,CAAA,EAAA,CAAA,IAAA,CAAA,kBAAA,CAAA,qBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA"}

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

@@ -0,0 +1,41 @@
+"use client";
+
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRefIfNeeded } from "@hexclave/shared/dist/utils/react";
+import { ChevronDownIcon } from "@radix-ui/react-icons";
+import { cn } from "../../lib/utils.js";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+
+//#region src/components/ui/accordion.tsx
+const Accordion = AccordionPrimitive.Root;
+const AccordionItem = forwardRefIfNeeded(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Item, {
+	ref,
+	className: cn("border-b", className),
+	...props
+}));
+AccordionItem.displayName = "AccordionItem";
+const 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;
+const 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;
+
+//#endregion
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
+//# sourceMappingURL=accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","names":[],"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":";;;;;;;;;;AASA,MAAM,YAAY,mBAAmB;AAErC,MAAM,gBAAgB,oBAGnB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,mBAAmB;CACb;CACL,WAAW,GAAG,YAAY,UAAU;CACpC,GAAI;EACJ,CACF;AACF,cAAc,cAAc;AAE5B,MAAM,mBAAmB,oBAGtB,EAAE,WAAW,UAAU,UAAU,GAAG,SAAS,QAC9C,oBAAC,mBAAmB;CAAO,WAAU;WACnC,qBAAC,mBAAmB;EACb;EACL,WAAW,GACT,wIACA,UACD;EACD,GAAI;aAEH,UACA,CAAC,YAAY,oBAAC,mBAAgB,WAAU,6EAA6E;GAC3F;EACH,CAC5B;AACF,iBAAiB,cAAc,mBAAmB,QAAQ;AAE1D,MAAM,mBAAmB,oBAGtB,EAAE,WAAW,UAAU,GAAG,SAAS,QACpC,oBAAC,mBAAmB;CACb;CACL,WAAU;CACV,GAAI;WAEJ,oBAAC;EAAI,WAAW,GAAG,aAAa,UAAU;EAAG;GAAe;EACjC,CAC7B;AACF,iBAAiB,cAAc,mBAAmB,QAAQ"}

package/dist/esm/components/ui/alert.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/ui/alert.d.ts
+declare const Alert: React.FC<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+  variant?: "default" | "destructive" | "success" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string> & {
+  ref?: React.Ref<HTMLDivElement> | undefined;
+}>;
+declare const AlertTitle: React.FC<React.HTMLAttributes<HTMLHeadingElement> & {
+  ref?: React.Ref<HTMLParagraphElement> | undefined;
+}>;
+declare const AlertDescription: React.FC<React.HTMLAttributes<HTMLParagraphElement> & {
+  ref?: React.Ref<HTMLParagraphElement> | undefined;
+}>;
+//#endregion
+export { Alert, AlertDescription, AlertTitle };
+//# sourceMappingURL=alert.d.ts.map

package/dist/esm/components/ui/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","names":[],"sources":["../../../../src/components/ui/alert.tsx"],"mappings":";;;;;cAsBM,KAAA,EAAK,KAAA,CAAA,EAAA,CAAA,KAAA,CAAA,cAAA,CAAA,cAAA,IAAA,YAAA,EAAA,KAAA;;IAAA,+BAAA,CAAA,SAAA;;;cAaL,UAAA,EAAU,KAAA,CAAA,EAAA,CAAA,KAAA,CAAA,cAAA,CAAA,kBAAA;;;cAYV,gBAAA,EAAgB,KAAA,CAAA,EAAA,CAAA,KAAA,CAAA,cAAA,CAAA,oBAAA"}

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

@@ -0,0 +1,38 @@
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+import { forwardRefIfNeeded } from "@hexclave/shared/dist/utils/react";
+import { cn } from "../../lib/utils.js";
+import { cva } from "class-variance-authority";
+
+//#region src/components/ui/alert.tsx
+const 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" }
+});
+const Alert = forwardRefIfNeeded(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	role: "alert",
+	className: cn(alertVariants({ variant }), className),
+	...props
+}));
+Alert.displayName = "Alert";
+const AlertTitle = forwardRefIfNeeded(({ className, ...props }, ref) => /* @__PURE__ */ jsx("h5", {
+	ref,
+	className: cn("mb-1 font-medium leading-none tracking-tight", className),
+	...props
+}));
+AlertTitle.displayName = "AlertTitle";
+const AlertDescription = forwardRefIfNeeded(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("text-sm [&_p]:leading-relaxed", className),
+	...props
+}));
+AlertDescription.displayName = "AlertDescription";
+
+//#endregion
+export { Alert, AlertDescription, AlertTitle };
+//# sourceMappingURL=alert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","names":[],"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":";;;;;;;AAMA,MAAM,gBAAgB,IACpB,uLACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aAAa;EACb,SAAS;EACV,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACF;AAED,MAAM,QAAQ,oBAGX,EAAE,WAAW,SAAS,GAAG,SAAS,QACnC,oBAAC;CACM;CACL,MAAK;CACL,WAAW,GAAG,cAAc,EAAE,SAAS,CAAC,EAAE,UAAU;CACpD,GAAI;EACJ,CACF;AACF,MAAM,cAAc;AAEpB,MAAM,aAAa,oBAGhB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC;CACM;CACL,WAAW,GAAG,gDAAgD,UAAU;CACxE,GAAI;EACJ,CACF;AACF,WAAW,cAAc;AAEzB,MAAM,mBAAmB,oBAGtB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC;CACM;CACL,WAAW,GAAG,iCAAiC,UAAU;CACzD,GAAI;EACJ,CACF;AACF,iBAAiB,cAAc"}

package/dist/esm/components/ui/aspect-ratio.d.ts

@@ -0,0 +1,8 @@
+import * as react from "react";
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+
+//#region src/components/ui/aspect-ratio.d.ts
+declare const AspectRatio: react.ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & react.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { AspectRatio };
+//# sourceMappingURL=aspect-ratio.d.ts.map

package/dist/esm/components/ui/aspect-ratio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.d.ts","names":[],"sources":["../../../../src/components/ui/aspect-ratio.tsx"],"mappings":";;;;cAIM,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,oBAAA,CAAA,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.js","names":[],"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":";;;;;AAIA,MAAM,cAAc,qBAAqB"}

package/dist/esm/components/ui/avatar.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+
+//#region src/components/ui/avatar.d.ts
+declare const Avatar: React.FC<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & {
+  ref?: React.Ref<HTMLSpanElement> | undefined;
+}>;
+declare const AvatarImage: React.FC<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & {
+  ref?: React.Ref<HTMLImageElement> | undefined;
+}>;
+declare const AvatarFallback: React.FC<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & {
+  ref?: React.Ref<HTMLSpanElement> | undefined;
+}>;
+//#endregion
+export { Avatar, AvatarFallback, AvatarImage };
+//# sourceMappingURL=avatar.d.ts.map

package/dist/esm/components/ui/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","names":[],"sources":["../../../../src/components/ui/avatar.tsx"],"mappings":";;;;cAQM,MAAA,EAAM,KAAA,CAAA,EAAA,CAAA,IAAA,CAAA,eAAA,CAAA,WAAA,GAAA,KAAA,CAAA,aAAA,CAAA,eAAA;;;cAeN,WAAA,EAAW,KAAA,CAAA,EAAA,CAAA,IAAA,CAAA,eAAA,CAAA,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,gBAAA;;;cAYX,cAAA,EAAc,KAAA,CAAA,EAAA,CAAA,IAAA,CAAA,eAAA,CAAA,mBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,eAAA"}