@amstfn/td-design-system 0.3.0

package/dist/data-grid.es.js

@@ -0,0 +1,356 @@
+import { jsx as h, jsxs as j } from "react/jsx-runtime";
+import { Alert as ce, Flex as pe, Button as ge } from "antd";
+import { ModuleRegistry as he, AllCommunityModule as me } from "ag-grid-community";
+import { AgGridReact as Ce } from "ag-grid-react";
+import { isValidElement as be, memo as Ee, useRef as ye, useMemo as E, useCallback as s, useEffect as K } from "react";
+import { T as N } from "./spacing-C8pTXcGE.js";
+import { createRoot as Se } from "react-dom/client";
+import "ag-grid-community/styles/ag-grid.css";
+import "ag-grid-community/styles/ag-theme-alpine.css";
+function U(e, t) {
+  return e?.some((a) => a.rowId === t.row.id && a.field === t.field) ?? !1;
+}
+function ve(e, t) {
+  return !(e.editableRowIds !== void 0 && !e.editableRowIds.includes(t.id) || e.isRowEditable && !e.isRowEditable(t));
+}
+function Ge(e, t) {
+  return e.editable === !1 ? !1 : typeof e.editable == "function" ? e.editable(t) : e.editable === !0;
+}
+function Re(e, t, a) {
+  return a.isCellEditable ? a.isCellEditable(t) : a.editableCells !== void 0 && !U(a.editableCells, t) || !ve(a, t.row) ? !1 : e.editable !== void 0 ? Ge(e, t) : U(a.editableCells, t) ? !0 : a.defaultEditable;
+}
+function B(e, t) {
+  return t.defaultEditable || t.editableRowIds !== void 0 || t.isRowEditable !== void 0 || t.editableCells !== void 0 || t.isCellEditable !== void 0 ? !0 : e.some(
+    (a) => a.editable === !0 || typeof a.editable == "function"
+  );
+}
+function we(e, t) {
+  return B([e], t) ? (a) => {
+    if (!a.data)
+      return !1;
+    const n = {
+      row: a.data,
+      field: e.field,
+      value: a.data[e.field]
+    };
+    return Re(e, n, t);
+  } : !1;
+}
+function Ne(e) {
+  return e == null ? "" : typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? String(e).replace(/<[^>]*>/g, "") : "";
+}
+const xe = "__td_row_actions";
+function Te(e) {
+  return e ? "agTextColumnFilter" : !1;
+}
+function y(e) {
+  return Ne(e);
+}
+class _e {
+  root = null;
+  eGui;
+  init(t) {
+    this.eGui = document.createElement("div"), this.eGui.className = "td-datagrid-cell";
+    const a = t.renderCell;
+    if (!a || !t.data) {
+      this.eGui.textContent = y(t.value);
+      return;
+    }
+    const n = a({
+      row: t.data,
+      value: t.value,
+      field: t.colDef?.field
+    });
+    if (typeof n == "string" || typeof n == "number") {
+      this.eGui.textContent = y(n);
+      return;
+    }
+    if (be(n)) {
+      this.root = Se(this.eGui), this.root.render(n);
+      return;
+    }
+    this.eGui.textContent = y(n);
+  }
+  getGui() {
+    return this.eGui;
+  }
+  refresh(t) {
+    return this.destroy(), this.init(t), !0;
+  }
+  destroy() {
+    this.root && (this.root.unmount(), this.root = null);
+  }
+}
+class Pe {
+  root = null;
+  eGui;
+  init(t) {
+    this.eGui = document.createElement("div"), this.eGui.className = "td-datagrid-actions";
+    const a = t.data, n = t.rowActions ?? [];
+    if (!a)
+      return;
+    const r = n.filter((d) => !d.hidden?.(a));
+    r.length !== 0 && (this.eGui.style.display = "flex", this.eGui.style.gap = "8px", r.forEach((d) => {
+      const o = document.createElement("button");
+      o.type = "button", o.textContent = d.label, o.disabled = d.disabled?.(a) ?? !1, o.className = "td-datagrid-action-button", o.addEventListener("click", (m) => {
+        m.stopPropagation(), t.onActionClick?.(d.id, a), d.onClick(a);
+      }), this.eGui.appendChild(o);
+    }));
+  }
+  getGui() {
+    return this.eGui;
+  }
+  refresh() {
+    return !1;
+  }
+  destroy() {
+    this.root && (this.root.unmount(), this.root = null);
+  }
+}
+function Ae(e, t, a = { defaultEditable: !1 }) {
+  const n = e.filter((r) => !r.hidden).map((r) => {
+    const d = {
+      field: r.field,
+      headerName: r.headerName,
+      width: r.width,
+      minWidth: r.minWidth,
+      flex: r.flex,
+      sortable: r.sortable ?? !0,
+      filter: Te(r.filterable),
+      editable: we(r, a),
+      valueFormatter: r.valueFormatter ? (o) => r.valueFormatter(o.value, o.data) : (o) => y(o.value)
+    };
+    return r.renderCell && (d.cellRenderer = _e, d.cellRendererParams = { renderCell: r.renderCell }), d;
+  });
+  return t && t.length > 0 && n.push({
+    field: xe,
+    headerName: "",
+    sortable: !1,
+    filter: !1,
+    width: Math.max(120, t.length * 80),
+    pinned: "right",
+    cellRenderer: Pe,
+    cellRendererParams: { rowActions: t }
+  }), n;
+}
+he.registerModules([me]);
+const W = 20, De = [10, 20, 25, 50, 100], Fe = "ag-theme-alpine";
+function Ie(e, t) {
+  return e === !0 ? {
+    enabled: !0,
+    model: { page: 0, pageSize: t ?? W }
+  } : e && typeof e == "object" ? { enabled: !0, model: e } : { enabled: !1 };
+}
+function ke({
+  columns: e,
+  rows: t,
+  loading: a = !1,
+  height: n = 400,
+  selectable: r,
+  checkboxSelection: d = !1,
+  selectedRowIds: o,
+  onSelectionChange: m,
+  onRowSelect: x,
+  onRowClick: T,
+  pagination: J,
+  pageSize: _,
+  onPaginationChange: S,
+  rowCount: Le,
+  serverSidePagination: ze = !1,
+  sortModel: v,
+  onSortChange: C,
+  filterModel: Me,
+  onFilterChange: Ve,
+  search: Oe,
+  export: g,
+  persistence: f,
+  permissions: G,
+  rowActions: P,
+  editable: A = !1,
+  editableRowIds: D,
+  isRowEditable: F,
+  editableCells: I,
+  isCellEditable: k,
+  editTrigger: Z = "doubleClick",
+  onCellValueChanged: L,
+  themeClassName: H = Fe,
+  className: $,
+  style: q,
+  emptyMessage: Q = "No rows to display",
+  error: X = !1,
+  errorMessage: Y,
+  "aria-label": z = "Data grid"
+}) {
+  const u = ye(null), M = r ?? d, b = E(
+    () => ({
+      defaultEditable: A || (G?.canEdit ?? !1),
+      editableRowIds: D,
+      isRowEditable: F,
+      editableCells: I,
+      isCellEditable: k
+    }),
+    [A, G?.canEdit, D, F, I, k]
+  ), ee = E(
+    () => B(e, b),
+    [e, b]
+  ), c = Ie(J, _), te = g?.enabled && (G?.canExport ?? !0), ie = E(
+    () => Ae(e, P, b),
+    [e, P, b]
+  ), ae = E(
+    () => ({
+      resizable: !0,
+      sortable: !0,
+      filter: !1,
+      editable: !1
+    }),
+    []
+  ), V = s(
+    (i) => {
+      if (!(!f?.enabled || !f.storageKey))
+        try {
+          const l = localStorage.getItem(f.storageKey);
+          l && i.applyColumnState({ state: JSON.parse(l), applyOrder: !0 });
+        } catch {
+        }
+    },
+    [f]
+  ), O = s(
+    (i) => {
+      if (!f?.enabled || !f.storageKey)
+        return;
+      const l = i.getColumnState();
+      localStorage.setItem(f.storageKey, JSON.stringify(l));
+    },
+    [f]
+  ), re = s(
+    (i) => {
+      u.current = i.api, V(i.api), c.model && i.api.paginationGoToPage(c.model.page);
+    },
+    [c.model, V]
+  ), le = s(() => {
+    const i = u.current;
+    if (!i)
+      return;
+    const l = i.getSelectedRows(), w = l.map((p) => p.id);
+    m?.(w), x?.(l);
+  }, [m, x]), ne = s(() => {
+    const i = u.current;
+    !i || !S || S({
+      page: i.paginationGetCurrentPage(),
+      pageSize: i.paginationGetPageSize()
+    });
+  }, [S]), oe = s(() => {
+    const i = u.current;
+    if (!i || !C)
+      return;
+    const w = i.getColumnState().filter((p) => p.sort).map((p) => ({
+      field: p.colId,
+      sort: p.sort === "desc" ? "desc" : "asc"
+    }));
+    C(w);
+  }, [C]), R = s(() => {
+    const i = u.current;
+    i && O(i);
+  }, [O]), de = s(
+    (i) => {
+      !i.data || !i.colDef.field || L?.({
+        row: i.data,
+        field: i.colDef.field,
+        oldValue: i.oldValue,
+        newValue: i.newValue
+      });
+    },
+    [L]
+  ), se = s(
+    (i) => {
+      const l = u.current;
+      if (l) {
+        if (i === "csv") {
+          l.exportDataAsCsv({
+            fileName: g?.fileName ?? "export"
+          });
+          return;
+        }
+        l.exportDataAsCsv({
+          fileName: g?.fileName ?? "export"
+        });
+      }
+    },
+    [g?.fileName]
+  );
+  if (K(() => {
+    const i = u.current;
+    !i || !o || i.forEachNode((l) => {
+      l.data && l.setSelected(o.includes(l.data.id));
+    });
+  }, [o, t]), K(() => {
+    const i = u.current;
+    !i || !v || i.applyColumnState({
+      state: v.map((l) => ({
+        colId: l.field,
+        sort: l.sort
+      })),
+      defaultState: { sort: null }
+    });
+  }, [v]), X)
+    return /* @__PURE__ */ h("div", { "aria-label": z, style: { height: n, padding: N.md }, children: /* @__PURE__ */ h(ce, { type: "error", title: Y ?? "Failed to load data" }) });
+  const fe = g?.formats ?? ["csv"], ue = [H, "td-datagrid", $].filter(Boolean).join(" ");
+  return /* @__PURE__ */ j("div", { "aria-label": z, style: { width: "100%" }, children: [
+    te ? /* @__PURE__ */ h(pe, { gap: N.sm, style: { marginBottom: N.sm }, children: fe.map((i) => /* @__PURE__ */ j(
+      ge,
+      {
+        size: "small",
+        variant: "outlined",
+        onClick: () => {
+          se(i);
+        },
+        children: [
+          "Export ",
+          i.toUpperCase()
+        ]
+      },
+      i
+    )) }) : null,
+    /* @__PURE__ */ h("div", { className: ue, style: { height: n, width: "100%", ...q }, children: /* @__PURE__ */ h(
+      Ce,
+      {
+        rowData: t,
+        columnDefs: ie,
+        defaultColDef: ae,
+        loading: a,
+        domLayout: "normal",
+        getRowId: (i) => String(i.data.id),
+        rowSelection: M ? {
+          mode: "multiRow",
+          checkboxes: !0,
+          headerCheckbox: !0,
+          enableClickSelection: !1
+        } : void 0,
+        onSelectionChanged: M ? le : void 0,
+        onRowClicked: T ? (i) => {
+          i.data && T(i.data);
+        } : void 0,
+        pagination: c.enabled,
+        paginationPageSize: c.model?.pageSize ?? _ ?? W,
+        paginationPageSizeSelector: De,
+        onPaginationChanged: c.enabled ? ne : void 0,
+        suppressPaginationPanel: !1,
+        onGridReady: re,
+        onSortChanged: C ? oe : void 0,
+        onColumnMoved: R,
+        onColumnResized: R,
+        onColumnVisible: R,
+        singleClickEdit: Z === "singleClick",
+        stopEditingWhenCellsLoseFocus: !0,
+        onCellValueChanged: ee ? de : void 0,
+        overlayNoRowsTemplate: `<span>${Q}</span>`,
+        overlayLoadingTemplate: "<span>Loading...</span>"
+      }
+    ) })
+  ] });
+}
+const qe = Ee(ke);
+export {
+  qe as TdDataGrid
+};
+//# sourceMappingURL=data-grid.es.js.map

package/dist/data-grid.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid.es.js","sources":["../src/components/TdDataGrid/TdDataGrid.edit.ts","../src/utils/sanitize.ts","../src/components/TdDataGrid/TdDataGrid.mapper.ts","../src/components/TdDataGrid/TdDataGrid.tsx"],"sourcesContent":["import type { EditableCallbackParams } from \"ag-grid-community\";\n\nimport type {\n  TdDataGridCellContext,\n  TdDataGridColumn,\n  TdDataGridEditRules,\n  TdDataGridRow,\n} from \"./TdDataGrid.types\";\n\nfunction isCellListed<T extends TdDataGridRow>(\n  editableCells: TdDataGridEditRules<T>[\"editableCells\"],\n  context: TdDataGridCellContext<T>,\n): boolean {\n  return (\n    editableCells?.some((cell) => cell.rowId === context.row.id && cell.field === context.field) ??\n    false\n  );\n}\n\nfunction passesRowRules<T extends TdDataGridRow>(rules: TdDataGridEditRules<T>, row: T): boolean {\n  if (rules.editableRowIds !== undefined && !rules.editableRowIds.includes(row.id)) {\n    return false;\n  }\n\n  if (rules.isRowEditable && !rules.isRowEditable(row)) {\n    return false;\n  }\n\n  return true;\n}\n\nfunction passesColumnRules<T extends TdDataGridRow>(\n  column: TdDataGridColumn<T>,\n  context: TdDataGridCellContext<T>,\n): boolean {\n  if (column.editable === false) {\n    return false;\n  }\n\n  if (typeof column.editable === \"function\") {\n    return column.editable(context);\n  }\n\n  if (column.editable === true) {\n    return true;\n  }\n\n  return false;\n}\n\nexport function isCellEditableResolved<T extends TdDataGridRow>(\n  column: TdDataGridColumn<T>,\n  context: TdDataGridCellContext<T>,\n  rules: TdDataGridEditRules<T>,\n): boolean {\n  if (rules.isCellEditable) {\n    return rules.isCellEditable(context);\n  }\n\n  if (rules.editableCells !== undefined && !isCellListed(rules.editableCells, context)) {\n    return false;\n  }\n\n  if (!passesRowRules(rules, context.row)) {\n    return false;\n  }\n\n  if (column.editable !== undefined) {\n    return passesColumnRules(column, context);\n  }\n\n  if (isCellListed(rules.editableCells, context)) {\n    return true;\n  }\n\n  return rules.defaultEditable;\n}\n\nexport function hasAnyEditingEnabled<T extends TdDataGridRow>(\n  columns: TdDataGridColumn<T>[],\n  rules: TdDataGridEditRules<T>,\n): boolean {\n  if (\n    rules.defaultEditable ||\n    rules.editableRowIds !== undefined ||\n    rules.isRowEditable !== undefined ||\n    rules.editableCells !== undefined ||\n    rules.isCellEditable !== undefined\n  ) {\n    return true;\n  }\n\n  return columns.some(\n    (column) => column.editable === true || typeof column.editable === \"function\",\n  );\n}\n\nexport function createCellEditableCallback<T extends TdDataGridRow>(\n  column: TdDataGridColumn<T>,\n  rules: TdDataGridEditRules<T>,\n): boolean | ((params: EditableCallbackParams<T>) => boolean) {\n  if (!hasAnyEditingEnabled([column], rules)) {\n    return false;\n  }\n\n  return (params: EditableCallbackParams<T>) => {\n    if (!params.data) {\n      return false;\n    }\n\n    const context: TdDataGridCellContext<T> = {\n      row: params.data,\n      field: column.field,\n      value: params.data[column.field],\n    };\n\n    return isCellEditableResolved(column, context, rules);\n  };\n}\n","/**\n * Strip HTML tags from a string value for safe grid cell display.\n */\nexport function sanitizeText(value: unknown): string {\n  if (value === null || value === undefined) {\n    return \"\";\n  }\n\n  if (typeof value === \"string\" || typeof value === \"number\" || typeof value === \"boolean\") {\n    return String(value).replace(/<[^>]*>/g, \"\");\n  }\n\n  return \"\";\n}\n\n/**\n * Escape HTML entities so text can be rendered safely.\n */\nexport function escapeHtml(value: unknown): string {\n  if (value === null || value === undefined) {\n    return \"\";\n  }\n\n  if (typeof value !== \"string\" && typeof value !== \"number\" && typeof value !== \"boolean\") {\n    return \"\";\n  }\n\n  const text = String(value);\n\n  return text\n    .replace(/&/g, \"&amp;\")\n    .replace(/</g, \"&lt;\")\n    .replace(/>/g, \"&gt;\")\n    .replace(/\"/g, \"&quot;\")\n    .replace(/'/g, \"&#39;\");\n}\n","import type { ColDef, ICellRendererParams, ValueFormatterParams } from \"ag-grid-community\";\nimport { isValidElement } from \"react\";\nimport { createRoot, type Root } from \"react-dom/client\";\n\nimport { sanitizeText } from \"../../utils/sanitize\";\nimport { createCellEditableCallback } from \"./TdDataGrid.edit\";\nimport type {\n  TdDataGridColumn,\n  TdDataGridEditRules,\n  TdDataGridRow,\n  TdDataGridRowAction,\n} from \"./TdDataGrid.types\";\n\nconst ACTION_COLUMN_FIELD = \"__td_row_actions\";\n\n/** Maps filter operator to AG Grid text filter type */\nfunction mapFilterType(filterable?: boolean): boolean | string {\n  return filterable ? \"agTextColumnFilter\" : false;\n}\n\n/** Safely stringify cell values for default rendering */\nfunction formatCellValue(value: unknown): string {\n  return sanitizeText(value);\n}\n\nclass TdReactCellRenderer<T extends TdDataGridRow> {\n  private root: Root | null = null;\n  private eGui!: HTMLDivElement;\n\n  init(params: ICellRendererParams<T> & { renderCell?: TdDataGridColumn<T>[\"renderCell\"] }) {\n    this.eGui = document.createElement(\"div\");\n    this.eGui.className = \"td-datagrid-cell\";\n\n    const renderCell = params.renderCell;\n    if (!renderCell || !params.data) {\n      this.eGui.textContent = formatCellValue(params.value);\n      return;\n    }\n\n    const content = renderCell({\n      row: params.data,\n      value: params.value,\n      field: params.colDef?.field as keyof T & string,\n    });\n\n    if (typeof content === \"string\" || typeof content === \"number\") {\n      this.eGui.textContent = formatCellValue(content);\n      return;\n    }\n\n    if (isValidElement(content)) {\n      this.root = createRoot(this.eGui);\n      this.root.render(content);\n      return;\n    }\n\n    this.eGui.textContent = formatCellValue(content);\n  }\n\n  getGui() {\n    return this.eGui;\n  }\n\n  refresh(params: ICellRendererParams<T> & { renderCell?: TdDataGridColumn<T>[\"renderCell\"] }) {\n    this.destroy();\n    this.init(params);\n    return true;\n  }\n\n  destroy() {\n    if (this.root) {\n      this.root.unmount();\n      this.root = null;\n    }\n  }\n}\n\nclass TdRowActionsCellRenderer<T extends TdDataGridRow> {\n  private root: Root | null = null;\n  private eGui!: HTMLDivElement;\n\n  init(\n    params: ICellRendererParams<T> & {\n      rowActions?: TdDataGridRowAction<T>[];\n      onActionClick?: (actionId: string, row: T) => void;\n    },\n  ) {\n    this.eGui = document.createElement(\"div\");\n    this.eGui.className = \"td-datagrid-actions\";\n\n    const row = params.data;\n    const rowActions = params.rowActions ?? [];\n\n    if (!row) {\n      return;\n    }\n\n    const visibleActions = rowActions.filter((action) => !action.hidden?.(row));\n\n    if (visibleActions.length === 0) {\n      return;\n    }\n\n    this.eGui.style.display = \"flex\";\n    this.eGui.style.gap = \"8px\";\n\n    visibleActions.forEach((action) => {\n      const button = document.createElement(\"button\");\n      button.type = \"button\";\n      button.textContent = action.label;\n      button.disabled = action.disabled?.(row) ?? false;\n      button.className = \"td-datagrid-action-button\";\n      button.addEventListener(\"click\", (event) => {\n        event.stopPropagation();\n        params.onActionClick?.(action.id, row);\n        action.onClick(row);\n      });\n      this.eGui.appendChild(button);\n    });\n  }\n\n  getGui() {\n    return this.eGui;\n  }\n\n  refresh() {\n    return false;\n  }\n\n  destroy() {\n    if (this.root) {\n      this.root.unmount();\n      this.root = null;\n    }\n  }\n}\n\nexport function mapColumnsToAgGrid<T extends TdDataGridRow>(\n  columns: TdDataGridColumn<T>[],\n  rowActions?: TdDataGridRowAction<T>[],\n  editRules: TdDataGridEditRules<T> = { defaultEditable: false },\n): ColDef<T>[] {\n  const mappedColumns: ColDef<T>[] = columns\n    .filter((column) => !column.hidden)\n    .map((column) => {\n      const colDef: ColDef<T> = {\n        field: column.field as ColDef<T>[\"field\"],\n        headerName: column.headerName,\n        width: column.width,\n        minWidth: column.minWidth,\n        flex: column.flex,\n        sortable: column.sortable ?? true,\n        filter: mapFilterType(column.filterable),\n        editable: createCellEditableCallback(column, editRules),\n        valueFormatter: column.valueFormatter\n          ? (params: ValueFormatterParams<T>) => column.valueFormatter!(params.value, params.data!)\n          : (params: ValueFormatterParams<T>) => formatCellValue(params.value),\n      };\n\n      if (column.renderCell) {\n        colDef.cellRenderer = TdReactCellRenderer;\n        colDef.cellRendererParams = { renderCell: column.renderCell };\n      }\n\n      return colDef;\n    });\n\n  if (rowActions && rowActions.length > 0) {\n    mappedColumns.push({\n      field: ACTION_COLUMN_FIELD as ColDef<T>[\"field\"],\n      headerName: \"\",\n      sortable: false,\n      filter: false,\n      width: Math.max(120, rowActions.length * 80),\n      pinned: \"right\",\n      cellRenderer: TdRowActionsCellRenderer,\n      cellRendererParams: { rowActions },\n    });\n  }\n\n  return mappedColumns;\n}\n\nexport function getActionColumnField(): string {\n  return ACTION_COLUMN_FIELD;\n}\n","import { Alert, Button, Flex } from \"antd\";\nimport {\n  AllCommunityModule,\n  ModuleRegistry,\n  type CellValueChangedEvent,\n  type ColumnState,\n  type GridApi,\n} from \"ag-grid-community\";\nimport { AgGridReact } from \"ag-grid-react\";\nimport { memo, useCallback, useEffect, useMemo, useRef } from \"react\";\n\nimport { TdSpacing } from \"../../tokens/spacing\";\nimport { hasAnyEditingEnabled } from \"./TdDataGrid.edit\";\nimport { mapColumnsToAgGrid } from \"./TdDataGrid.mapper\";\nimport type {\n  TdDataGridEditRules,\n  TdDataGridExportFormat,\n  TdDataGridPaginationModel,\n  TdDataGridProps,\n  TdDataGridRow,\n  TdDataGridSortModel,\n  TdDataGridThemeClassName,\n} from \"./TdDataGrid.types\";\n\nimport \"ag-grid-community/styles/ag-grid.css\";\nimport \"ag-grid-community/styles/ag-theme-alpine.css\";\n\nModuleRegistry.registerModules([AllCommunityModule]);\n\nconst DEFAULT_PAGE_SIZE = 20;\nconst PAGE_SIZE_OPTIONS = [10, 20, 25, 50, 100];\nconst DEFAULT_THEME_CLASS: TdDataGridThemeClassName = \"ag-theme-alpine\";\n\nfunction resolvePaginationConfig(\n  pagination: TdDataGridProps[\"pagination\"],\n  pageSize?: number,\n): { enabled: boolean; model?: TdDataGridPaginationModel } {\n  if (pagination === true) {\n    return {\n      enabled: true,\n      model: { page: 0, pageSize: pageSize ?? DEFAULT_PAGE_SIZE },\n    };\n  }\n\n  if (pagination && typeof pagination === \"object\") {\n    return { enabled: true, model: pagination };\n  }\n\n  return { enabled: false };\n}\n\nfunction TdDataGridInner<T extends TdDataGridRow>({\n  columns,\n  rows,\n  loading = false,\n  height = 400,\n  selectable,\n  checkboxSelection = false,\n  selectedRowIds,\n  onSelectionChange,\n  onRowSelect,\n  onRowClick,\n  pagination,\n  pageSize,\n  onPaginationChange,\n  rowCount: _rowCount,\n  serverSidePagination: _serverSidePagination = false,\n  sortModel,\n  onSortChange,\n  filterModel: _filterModel,\n  onFilterChange: _onFilterChange,\n  search: _search,\n  export: exportConfig,\n  persistence,\n  permissions,\n  rowActions,\n  editable = false,\n  editableRowIds,\n  isRowEditable,\n  editableCells,\n  isCellEditable,\n  editTrigger = \"doubleClick\",\n  onCellValueChanged,\n  themeClassName = DEFAULT_THEME_CLASS,\n  className,\n  style,\n  emptyMessage = \"No rows to display\",\n  error = false,\n  errorMessage,\n  \"aria-label\": ariaLabel = \"Data grid\",\n}: TdDataGridProps<T>) {\n  const gridApiRef = useRef<GridApi<T> | null>(null);\n  const isSelectionEnabled = selectable ?? checkboxSelection;\n  const editRules = useMemo<TdDataGridEditRules<T>>(\n    () => ({\n      defaultEditable: editable || (permissions?.canEdit ?? false),\n      editableRowIds,\n      isRowEditable,\n      editableCells,\n      isCellEditable,\n    }),\n    [editable, permissions?.canEdit, editableRowIds, isRowEditable, editableCells, isCellEditable],\n  );\n  const isEditingEnabled = useMemo(\n    () => hasAnyEditingEnabled(columns, editRules),\n    [columns, editRules],\n  );\n  const paginationConfig = resolvePaginationConfig(pagination, pageSize);\n  const canExport = exportConfig?.enabled && (permissions?.canExport ?? true);\n\n  const gridColumns = useMemo(\n    () => mapColumnsToAgGrid(columns, rowActions, editRules),\n    [columns, rowActions, editRules],\n  );\n\n  const defaultColDef = useMemo(\n    () => ({\n      resizable: true,\n      sortable: true,\n      filter: false,\n      editable: false,\n    }),\n    [],\n  );\n\n  const restoreColumnState = useCallback(\n    (api: GridApi<T>) => {\n      if (!persistence?.enabled || !persistence.storageKey) {\n        return;\n      }\n\n      try {\n        const stored = localStorage.getItem(persistence.storageKey);\n        if (stored) {\n          api.applyColumnState({ state: JSON.parse(stored) as ColumnState[], applyOrder: true });\n        }\n      } catch {\n        // Ignore invalid persisted state\n      }\n    },\n    [persistence],\n  );\n\n  const persistColumnState = useCallback(\n    (api: GridApi<T>) => {\n      if (!persistence?.enabled || !persistence.storageKey) {\n        return;\n      }\n\n      const state = api.getColumnState();\n      localStorage.setItem(persistence.storageKey, JSON.stringify(state));\n    },\n    [persistence],\n  );\n\n  const handleGridReady = useCallback(\n    (params: { api: GridApi<T> }) => {\n      gridApiRef.current = params.api;\n      restoreColumnState(params.api);\n\n      if (paginationConfig.model) {\n        params.api.paginationGoToPage(paginationConfig.model.page);\n      }\n    },\n    [paginationConfig.model, restoreColumnState],\n  );\n\n  const handleSelectionChanged = useCallback(() => {\n    const api = gridApiRef.current;\n    if (!api) {\n      return;\n    }\n\n    const selectedRows = api.getSelectedRows();\n    const selectedIds = selectedRows.map((row) => row.id);\n\n    onSelectionChange?.(selectedIds);\n    onRowSelect?.(selectedRows);\n  }, [onSelectionChange, onRowSelect]);\n\n  const handlePaginationChanged = useCallback(() => {\n    const api = gridApiRef.current;\n    if (!api || !onPaginationChange) {\n      return;\n    }\n\n    onPaginationChange({\n      page: api.paginationGetCurrentPage(),\n      pageSize: api.paginationGetPageSize(),\n    });\n  }, [onPaginationChange]);\n\n  const handleSortChanged = useCallback(() => {\n    const api = gridApiRef.current;\n    if (!api || !onSortChange) {\n      return;\n    }\n\n    const columnState = api.getColumnState();\n    const nextSortModel: TdDataGridSortModel[] = columnState\n      .filter((column) => column.sort)\n      .map((column) => ({\n        field: column.colId,\n        sort: column.sort === \"desc\" ? \"desc\" : \"asc\",\n      }));\n\n    onSortChange(nextSortModel);\n  }, [onSortChange]);\n\n  const handleColumnChanged = useCallback(() => {\n    const api = gridApiRef.current;\n    if (api) {\n      persistColumnState(api);\n    }\n  }, [persistColumnState]);\n\n  const handleCellValueChanged = useCallback(\n    (event: CellValueChangedEvent<T>) => {\n      if (!event.data || !event.colDef.field) {\n        return;\n      }\n\n      onCellValueChanged?.({\n        row: event.data,\n        field: event.colDef.field as keyof T & string,\n        oldValue: event.oldValue,\n        newValue: event.newValue,\n      });\n    },\n    [onCellValueChanged],\n  );\n\n  const handleExport = useCallback(\n    (format: TdDataGridExportFormat) => {\n      const api = gridApiRef.current;\n      if (!api) {\n        return;\n      }\n\n      if (format === \"csv\") {\n        api.exportDataAsCsv({\n          fileName: exportConfig?.fileName ?? \"export\",\n        });\n        return;\n      }\n\n      // Excel export requires Enterprise; abstracted for future migration\n      api.exportDataAsCsv({\n        fileName: exportConfig?.fileName ?? \"export\",\n      });\n    },\n    [exportConfig?.fileName],\n  );\n\n  useEffect(() => {\n    const api = gridApiRef.current;\n    if (!api || !selectedRowIds) {\n      return;\n    }\n\n    api.forEachNode((node) => {\n      if (node.data) {\n        node.setSelected(selectedRowIds.includes(node.data.id));\n      }\n    });\n  }, [selectedRowIds, rows]);\n\n  useEffect(() => {\n    const api = gridApiRef.current;\n    if (!api || !sortModel) {\n      return;\n    }\n\n    api.applyColumnState({\n      state: sortModel.map((item) => ({\n        colId: item.field,\n        sort: item.sort,\n      })),\n      defaultState: { sort: null },\n    });\n  }, [sortModel]);\n\n  if (error) {\n    return (\n      <div aria-label={ariaLabel} style={{ height, padding: TdSpacing.md }}>\n        <Alert type=\"error\" title={errorMessage ?? \"Failed to load data\"} />\n      </div>\n    );\n  }\n\n  const exportFormats = exportConfig?.formats ?? [\"csv\"];\n  const gridClassName = [themeClassName, \"td-datagrid\", className].filter(Boolean).join(\" \");\n\n  return (\n    <div aria-label={ariaLabel} style={{ width: \"100%\" }}>\n      {canExport ? (\n        <Flex gap={TdSpacing.sm} style={{ marginBottom: TdSpacing.sm }}>\n          {exportFormats.map((format) => (\n            <Button\n              key={format}\n              size=\"small\"\n              variant=\"outlined\"\n              onClick={() => {\n                handleExport(format);\n              }}\n            >\n              Export {format.toUpperCase()}\n            </Button>\n          ))}\n        </Flex>\n      ) : null}\n\n      <div className={gridClassName} style={{ height, width: \"100%\", ...style }}>\n        <AgGridReact<T>\n          rowData={rows}\n          columnDefs={gridColumns}\n          defaultColDef={defaultColDef}\n          loading={loading}\n          domLayout=\"normal\"\n          getRowId={(params) => String(params.data.id)}\n          rowSelection={\n            isSelectionEnabled\n              ? {\n                  mode: \"multiRow\",\n                  checkboxes: true,\n                  headerCheckbox: true,\n                  enableClickSelection: false,\n                }\n              : undefined\n          }\n          onSelectionChanged={isSelectionEnabled ? handleSelectionChanged : undefined}\n          onRowClicked={\n            onRowClick\n              ? (event) => {\n                  if (event.data) {\n                    onRowClick(event.data);\n                  }\n                }\n              : undefined\n          }\n          pagination={paginationConfig.enabled}\n          paginationPageSize={paginationConfig.model?.pageSize ?? pageSize ?? DEFAULT_PAGE_SIZE}\n          paginationPageSizeSelector={PAGE_SIZE_OPTIONS}\n          onPaginationChanged={paginationConfig.enabled ? handlePaginationChanged : undefined}\n          suppressPaginationPanel={false}\n          onGridReady={handleGridReady}\n          onSortChanged={onSortChange ? handleSortChanged : undefined}\n          onColumnMoved={handleColumnChanged}\n          onColumnResized={handleColumnChanged}\n          onColumnVisible={handleColumnChanged}\n          singleClickEdit={editTrigger === \"singleClick\"}\n          stopEditingWhenCellsLoseFocus\n          onCellValueChanged={isEditingEnabled ? handleCellValueChanged : undefined}\n          overlayNoRowsTemplate={`<span>${emptyMessage}</span>`}\n          overlayLoadingTemplate=\"<span>Loading...</span>\"\n        />\n      </div>\n    </div>\n  );\n}\n\nexport const TdDataGrid = memo(TdDataGridInner) as typeof TdDataGridInner;\n\nexport { DEFAULT_THEME_CLASS as TD_DATAGRID_DEFAULT_THEME_CLASS };\n"],"names":["isCellListed","editableCells","context","cell","passesRowRules","rules","row","passesColumnRules","column","isCellEditableResolved","hasAnyEditingEnabled","columns","createCellEditableCallback","params","sanitizeText","value","ACTION_COLUMN_FIELD","mapFilterType","filterable","formatCellValue","TdReactCellRenderer","renderCell","content","isValidElement","createRoot","TdRowActionsCellRenderer","rowActions","visibleActions","action","button","event","mapColumnsToAgGrid","editRules","mappedColumns","colDef","ModuleRegistry","AllCommunityModule","DEFAULT_PAGE_SIZE","PAGE_SIZE_OPTIONS","DEFAULT_THEME_CLASS","resolvePaginationConfig","pagination","pageSize","TdDataGridInner","rows","loading","height","selectable","checkboxSelection","selectedRowIds","onSelectionChange","onRowSelect","onRowClick","onPaginationChange","_rowCount","_serverSidePagination","sortModel","onSortChange","_filterModel","_onFilterChange","_search","exportConfig","persistence","permissions","editable","editableRowIds","isRowEditable","isCellEditable","editTrigger","onCellValueChanged","themeClassName","className","style","emptyMessage","error","errorMessage","ariaLabel","gridApiRef","useRef","isSelectionEnabled","useMemo","isEditingEnabled","paginationConfig","canExport","gridColumns","defaultColDef","restoreColumnState","useCallback","api","stored","persistColumnState","state","handleGridReady","handleSelectionChanged","selectedRows","selectedIds","handlePaginationChanged","handleSortChanged","nextSortModel","handleColumnChanged","handleCellValueChanged","handleExport","format","useEffect","node","item","TdSpacing","Alert","exportFormats","gridClassName","jsxs","jsx","Flex","Button","AgGridReact","TdDataGrid","memo"],"mappings":"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"}

package/dist/design-system.css

@@ -0,0 +1 @@
+html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}

package/dist/favicon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="46" fill="none" viewBox="0 0 48 46"><path fill="#863bff" d="M25.946 44.938c-.664.845-2.021.375-2.021-.698V33.937a2.26 2.26 0 0 0-2.262-2.262H10.287c-.92 0-1.456-1.04-.92-1.788l7.48-10.471c1.07-1.497 0-3.578-1.842-3.578H1.237c-.92 0-1.456-1.04-.92-1.788L10.013.474c.214-.297.556-.474.92-.474h28.894c.92 0 1.456 1.04.92 1.788l-7.48 10.471c-1.07 1.498 0 3.579 1.842 3.579h11.377c.943 0 1.473 1.088.89 1.83L25.947 44.94z" style="fill:#863bff;fill:color(display-p3 .5252 .23 1);fill-opacity:1"/><mask id="a" width="48" height="46" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#000" d="M25.842 44.938c-.664.844-2.021.375-2.021-.698V33.937a2.26 2.26 0 0 0-2.262-2.262H10.183c-.92 0-1.456-1.04-.92-1.788l7.48-10.471c1.07-1.498 0-3.579-1.842-3.579H1.133c-.92 0-1.456-1.04-.92-1.787L9.91.473c.214-.297.556-.474.92-.474h28.894c.92 0 1.456 1.04.92 1.788l-7.48 10.471c-1.07 1.498 0 3.578 1.842 3.578h11.377c.943 0 1.473 1.088.89 1.832L25.843 44.94z" style="fill:#000;fill-opacity:1"/></mask><g mask="url(#a)"><g filter="url(#b)"><ellipse cx="5.508" cy="14.704" fill="#ede6ff" rx="5.508" ry="14.704" style="fill:#ede6ff;fill:color(display-p3 .9275 .9033 1);fill-opacity:1" transform="matrix(.00324 1 1 -.00324 -4.47 31.516)"/></g><g filter="url(#c)"><ellipse cx="10.399" cy="29.851" fill="#ede6ff" rx="10.399" ry="29.851" style="fill:#ede6ff;fill:color(display-p3 .9275 .9033 1);fill-opacity:1" transform="matrix(.00324 1 1 -.00324 -39.328 7.883)"/></g><g filter="url(#d)"><ellipse cx="5.508" cy="30.487" fill="#7e14ff" rx="5.508" ry="30.487" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(89.814 -25.913 -14.639)scale(1 -1)"/></g><g filter="url(#e)"><ellipse cx="5.508" cy="30.599" fill="#7e14ff" rx="5.508" ry="30.599" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(89.814 -32.644 -3.334)scale(1 -1)"/></g><g filter="url(#f)"><ellipse cx="5.508" cy="30.599" fill="#7e14ff" rx="5.508" ry="30.599" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="matrix(.00324 1 1 -.00324 -34.34 30.47)"/></g><g filter="url(#g)"><ellipse cx="14.072" cy="22.078" fill="#ede6ff" rx="14.072" ry="22.078" style="fill:#ede6ff;fill:color(display-p3 .9275 .9033 1);fill-opacity:1" transform="rotate(93.35 24.506 48.493)scale(-1 1)"/></g><g filter="url(#h)"><ellipse cx="3.47" cy="21.501" fill="#7e14ff" rx="3.47" ry="21.501" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(89.009 28.708 47.59)scale(-1 1)"/></g><g filter="url(#i)"><ellipse cx="3.47" cy="21.501" fill="#7e14ff" rx="3.47" ry="21.501" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(89.009 28.708 47.59)scale(-1 1)"/></g><g filter="url(#j)"><ellipse cx=".387" cy="8.972" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(39.51 .387 8.972)"/></g><g filter="url(#k)"><ellipse cx="47.523" cy="-6.092" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(37.892 47.523 -6.092)"/></g><g filter="url(#l)"><ellipse cx="41.412" cy="6.333" fill="#47bfff" rx="5.971" ry="9.665" style="fill:#47bfff;fill:color(display-p3 .2799 .748 1);fill-opacity:1" transform="rotate(37.892 41.412 6.333)"/></g><g filter="url(#m)"><ellipse cx="-1.879" cy="38.332" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(37.892 -1.88 38.332)"/></g><g filter="url(#n)"><ellipse cx="-1.879" cy="38.332" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(37.892 -1.88 38.332)"/></g><g filter="url(#o)"><ellipse cx="35.651" cy="29.907" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(37.892 35.651 29.907)"/></g><g filter="url(#p)"><ellipse cx="38.418" cy="32.4" fill="#47bfff" rx="5.971" ry="15.297" style="fill:#47bfff;fill:color(display-p3 .2799 .748 1);fill-opacity:1" transform="rotate(37.892 38.418 32.4)"/></g></g><defs><filter id="b" width="60.045" height="41.654" x="-19.77" y="16.149" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="7.659"/></filter><filter id="c" width="90.34" height="51.437" x="-54.613" y="-7.533" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="7.659"/></filter><filter id="d" width="79.355" height="29.4" x="-49.64" y="2.03" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="e" width="79.579" height="29.4" x="-45.045" y="20.029" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="f" width="79.579" height="29.4" x="-43.513" y="21.178" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="g" width="74.749" height="58.852" x="15.756" y="-17.901" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="7.659"/></filter><filter id="h" width="61.377" height="25.362" x="23.548" y="2.284" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="i" width="61.377" height="25.362" x="23.548" y="2.284" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="j" width="56.045" height="63.649" x="-27.636" y="-22.853" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="k" width="54.814" height="64.646" x="20.116" y="-38.415" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="l" width="33.541" height="35.313" x="24.641" y="-11.323" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="m" width="54.814" height="64.646" x="-29.286" y="6.009" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="n" width="54.814" height="64.646" x="-29.286" y="6.009" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="o" width="54.814" height="64.646" x="8.244" y="-2.416" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="p" width="39.409" height="43.623" x="18.713" y="10.588" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter></defs></svg>

package/dist/icons.svg

@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <symbol id="bluesky-icon" viewBox="0 0 16 17">
+    <g clip-path="url(#bluesky-clip)"><path fill="#08060d" d="M7.75 7.735c-.693-1.348-2.58-3.86-4.334-5.097-1.68-1.187-2.32-.981-2.74-.79C.188 2.065.1 2.812.1 3.251s.241 3.602.398 4.13c.52 1.744 2.367 2.333 4.07 2.145-2.495.37-4.71 1.278-1.805 4.512 3.196 3.309 4.38-.71 4.987-2.746.608 2.036 1.307 5.91 4.93 2.746 2.72-2.746.747-4.143-1.747-4.512 1.702.189 3.55-.4 4.07-2.145.156-.528.397-3.691.397-4.13s-.088-1.186-.575-1.406c-.42-.19-1.06-.395-2.741.79-1.755 1.24-3.64 3.752-4.334 5.099"/></g>
+    <defs><clipPath id="bluesky-clip"><path fill="#fff" d="M.1.85h15.3v15.3H.1z"/></clipPath></defs>
+  </symbol>
+  <symbol id="discord-icon" viewBox="0 0 20 19">
+    <path fill="#08060d" d="M16.224 3.768a14.5 14.5 0 0 0-3.67-1.153c-.158.286-.343.67-.47.976a13.5 13.5 0 0 0-4.067 0c-.128-.306-.317-.69-.476-.976A14.4 14.4 0 0 0 3.868 3.77C1.546 7.28.916 10.703 1.231 14.077a14.7 14.7 0 0 0 4.5 2.306q.545-.748.965-1.587a9.5 9.5 0 0 1-1.518-.74q.191-.14.372-.293c2.927 1.369 6.107 1.369 8.999 0q.183.152.372.294-.723.437-1.52.74.418.838.963 1.588a14.6 14.6 0 0 0 4.504-2.308c.37-3.911-.63-7.302-2.644-10.309m-9.13 8.234c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.894 0 1.614.82 1.599 1.82.001 1-.705 1.82-1.6 1.82m5.91 0c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.893 0 1.614.82 1.599 1.82 0 1-.706 1.82-1.6 1.82"/>
+  </symbol>
+  <symbol id="documentation-icon" viewBox="0 0 21 20">
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="m15.5 13.333 1.533 1.322c.645.555.967.833.967 1.178s-.322.623-.967 1.179L15.5 18.333m-3.333-5-1.534 1.322c-.644.555-.966.833-.966 1.178s.322.623.966 1.179l1.534 1.321"/>
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M17.167 10.836v-4.32c0-1.41 0-2.117-.224-2.68-.359-.906-1.118-1.621-2.08-1.96-.599-.21-1.349-.21-2.848-.21-2.623 0-3.935 0-4.983.369-1.684.591-3.013 1.842-3.641 3.428C3 6.449 3 7.684 3 10.154v2.122c0 2.558 0 3.838.706 4.726q.306.383.713.671c.76.536 1.79.64 3.581.66"/>
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M3 10a2.78 2.78 0 0 1 2.778-2.778c.555 0 1.209.097 1.748-.047.48-.129.854-.503.982-.982.145-.54.048-1.194.048-1.749a2.78 2.78 0 0 1 2.777-2.777"/>
+  </symbol>
+  <symbol id="github-icon" viewBox="0 0 19 19">
+    <path fill="#08060d" fill-rule="evenodd" d="M9.356 1.85C5.05 1.85 1.57 5.356 1.57 9.694a7.84 7.84 0 0 0 5.324 7.44c.387.079.528-.168.528-.376 0-.182-.013-.805-.013-1.454-2.165.467-2.616-.935-2.616-.935-.349-.91-.864-1.143-.864-1.143-.71-.48.051-.48.051-.48.787.051 1.2.805 1.2.805.695 1.194 1.817.857 2.268.649.064-.507.27-.857.49-1.052-1.728-.182-3.545-.857-3.545-3.87 0-.857.31-1.558.8-2.104-.078-.195-.349-1 .077-2.078 0 0 .657-.208 2.14.805a7.5 7.5 0 0 1 1.946-.26c.657 0 1.328.092 1.946.26 1.483-1.013 2.14-.805 2.14-.805.426 1.078.155 1.883.078 2.078.502.546.799 1.247.799 2.104 0 3.013-1.818 3.675-3.558 3.87.284.247.528.714.528 1.454 0 1.052-.012 1.896-.012 2.156 0 .208.142.455.528.377a7.84 7.84 0 0 0 5.324-7.441c.013-4.338-3.48-7.844-7.773-7.844" clip-rule="evenodd"/>
+  </symbol>
+  <symbol id="social-icon" viewBox="0 0 20 20">
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M12.5 6.667a4.167 4.167 0 1 0-8.334 0 4.167 4.167 0 0 0 8.334 0"/>
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M2.5 16.667a5.833 5.833 0 0 1 8.75-5.053m3.837.474.513 1.035c.07.144.257.282.414.309l.93.155c.596.1.736.536.307.965l-.723.73a.64.64 0 0 0-.152.531l.207.903c.164.715-.213.991-.84.618l-.872-.52a.63.63 0 0 0-.577 0l-.872.52c-.624.373-1.003.094-.84-.618l.207-.903a.64.64 0 0 0-.152-.532l-.723-.729c-.426-.43-.289-.864.306-.964l.93-.156a.64.64 0 0 0 .412-.31l.513-1.034c.28-.562.735-.562 1.012 0"/>
+  </symbol>
+  <symbol id="x-icon" viewBox="0 0 19 19">
+    <path fill="#08060d" fill-rule="evenodd" d="M1.893 1.98c.052.072 1.245 1.769 2.653 3.77l2.892 4.114c.183.261.333.48.333.486s-.068.089-.152.183l-.522.593-.765.867-3.597 4.087c-.375.426-.734.834-.798.905a1 1 0 0 0-.118.148c0 .01.236.017.664.017h.663l.729-.83c.4-.457.796-.906.879-.999a692 692 0 0 0 1.794-2.038c.034-.037.301-.34.594-.675l.551-.624.345-.392a7 7 0 0 1 .34-.374c.006 0 .93 1.306 2.052 2.903l2.084 2.965.045.063h2.275c1.87 0 2.273-.003 2.266-.021-.008-.02-1.098-1.572-3.894-5.547-2.013-2.862-2.28-3.246-2.273-3.266.008-.019.282-.332 2.085-2.38l2-2.274 1.567-1.782c.022-.028-.016-.03-.65-.03h-.674l-.3.342a871 871 0 0 1-1.782 2.025c-.067.075-.405.458-.75.852a100 100 0 0 1-.803.91c-.148.172-.299.344-.99 1.127-.304.343-.32.358-.345.327-.015-.019-.904-1.282-1.976-2.808L6.365 1.85H1.8zm1.782.91 8.078 11.294c.772 1.08 1.413 1.973 1.425 1.984.016.017.241.02 1.05.017l1.03-.004-2.694-3.766L7.796 5.75 5.722 2.852l-1.039-.004-1.039-.004z" clip-rule="evenodd"/>
+  </symbol>
+</svg>