fastapi-rtk 1.0.51 → 1.1.0

package/dist/core/esm/_virtual/upload.mjs

@@ -0,0 +1,14 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const tablerUpload = ({
+  title,
+  titleId,
+  ...props
+}, ref) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", className: "tabler-icon tabler-icon-upload ", xmlns: "http://www.w3.org/2000/svg", height: 24, width: 24, ref, "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 9l5-5l5 5m-5-5v12" })
+] });
+const ForwardRef = forwardRef(tablerUpload);
+export {
+  ForwardRef as default
+};

package/dist/core/esm/_virtual/users.mjs

@@ -0,0 +1,14 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const tablerUsers = ({
+  title,
+  titleId,
+  ...props
+}, ref) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", className: "tabler-icon tabler-icon-users ", xmlns: "http://www.w3.org/2000/svg", height: 24, width: 24, ref, "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 7a4 4 0 1 0 8 0a4 4 0 1 0-8 0M3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2m1-17.87a4 4 0 0 1 0 7.75M21 21v-2a4 4 0 0 0-3-3.85" })
+] });
+const ForwardRef = forwardRef(tablerUsers);
+export {
+  ForwardRef as default
+};

package/dist/core/esm/_virtual/x.mjs

@@ -0,0 +1,14 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const tablerX = ({
+  title,
+  titleId,
+  ...props
+}, ref) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", className: "tabler-icon tabler-icon-x ", xmlns: "http://www.w3.org/2000/svg", height: 24, width: 24, ref, "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M18 6L6 18M6 6l12 12" })
+] });
+const ForwardRef = forwardRef(tablerX);
+export {
+  ForwardRef as default
+};

package/dist/core/esm/index.mjs

@@ -35,9 +35,9 @@ export * from "fastapi-rtk/constants";
 export * from "fastapi-rtk/hooks";
 export * from "fastapi-rtk/utils";
 export * from "fastapi-rtk/zustand";
-import * as index from "../../.external/esm/@tanstack_react-query@5.91.3_react@19.2.4/@tanstack/react-query/build/modern/index.mjs";
-import * as index_esm from "../../.external/esm/mantine-react-table@2.0.0-beta.9_@mantine_core@7.17.8_@mantine_dates@7.17.8_@mantine_hooks@7._o4mo2rpvy7fpui7fiyfvhudhey/mantine-react-table/dist/index.esm.mjs";
-import { useTranslation } from "../../.external/esm/react-i18next@15.7.4_i18next@25.8.20_react-dom@19.2.4_react@19.2.4_typescript@5.9.3/react-i18next/dist/es/useTranslation.mjs";
+import * as index from "../../.external/esm/@tanstack_react-query@5.95.2_react@19.2.4/@tanstack/react-query/build/modern/index.mjs";
+import * as index_esm from "../../.external/esm/mantine-react-table@2.0.0-beta.9_@mantine_core@7.17.8_@mantine_dates@7.17.8_@mantine_hooks@7._2kyqjjllw4h6nm2ylvp6tayqhi/mantine-react-table/dist/index.esm.mjs";
+import { useTranslation } from "../../.external/esm/react-i18next@15.7.4_i18next@25.10.9_react-dom@19.2.4_react@19.2.4_typescript@5.9.3/react-i18next/dist/es/useTranslation.mjs";
 export {
   Actions,
   Add,

package/dist/core/lib/Menu/UserMenu/UserMenu.d.ts

@@ -1,6 +1,5 @@
-import { default as React } from 'react';
 export function UserMenu({ basePath, Target, children }: {
     basePath?: string;
     Target: any;
     children: any;
-}): React.JSX.Element;
+}): import("react").JSX.Element;

package/dist/core/lib/Tables/NextGenDataGrid/NextGenDataGrid.d.ts

@@ -1017,6 +1017,24 @@ export type NextGenDataGridHeaderParameters = {
      */
     mrtProps: NextGenDataGridMRTProps;
 };
+export type NextGenDataGridHeaderFilterComponentParameters = {
+    /**
+     * - API instance
+     */
+    api: ApiContext;
+    /**
+     * - Auth instance
+     */
+    auth: AuthContext;
+    /**
+     * - MantineReactTable props
+     */
+    mrtProps: NextGenDataGridMRTProps;
+    /**
+     * - Props for the filter component
+     */
+    componentProps: Record<string, any>;
+};
 export type NextGenDataGridHeaderFilterMenuPropsParameters = {
     /**
      * - The header label
@@ -1089,7 +1107,7 @@ export type NextGenDataGridHeaderProps = {
     /**
      * - Customize the filter component. When `enableFilterModes` is enabled, this will be a key-value pair object where the key is the filter operator and the value is the filter component
      */
-    filterComponent?: React.ReactNode | ((props: NextGenDataGridHeaderParameters) => React.ReactNode | Record<string, React.ReactNode | ((props: NextGenDataGridHeaderParameters) => React.ReactNode)>);
+    filterComponent?: React.ReactNode | ((props: NextGenDataGridHeaderFilterComponentParameters) => React.ReactNode | Record<string, React.ReactNode | ((props: NextGenDataGridHeaderFilterComponentParameters) => React.ReactNode)>);
     /**
      * - Props for the filter component. When `enableFilterModes` is enabled, this will be a key-value pair object where the key is the filter operator and the value is the filter component props
      */

package/dist/jsonforms/cjs/_virtual/arrow-down.cjs

@@ -0,0 +1,13 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const tablerArrowDown = ({
+  title,
+  titleId,
+  ...props
+}, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", className: "tabler-icon tabler-icon-arrow-down ", xmlns: "http://www.w3.org/2000/svg", height: 24, width: 24, ref, "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsxRuntime.jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 5v14m6-6l-6 6m-6-6l6 6" })
+] });
+const ForwardRef = React.forwardRef(tablerArrowDown);
+module.exports = ForwardRef;

package/dist/jsonforms/cjs/_virtual/arrow-up.cjs

@@ -0,0 +1,13 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const tablerArrowUp = ({
+  title,
+  titleId,
+  ...props
+}, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", className: "tabler-icon tabler-icon-arrow-up ", xmlns: "http://www.w3.org/2000/svg", height: 24, width: 24, ref, "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsxRuntime.jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 5v14m6-8l-6-6m-6 6l6-6" })
+] });
+const ForwardRef = React.forwardRef(tablerArrowUp);
+module.exports = ForwardRef;

package/dist/jsonforms/cjs/_virtual/exclamation-circle.cjs

@@ -0,0 +1,13 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const tablerExclamationCircle = ({
+  title,
+  titleId,
+  ...props
+}, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", className: "tabler-icon tabler-icon-exclamation-circle ", xmlns: "http://www.w3.org/2000/svg", height: 24, width: 24, ref, "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsxRuntime.jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m9-3v4m0 3v.01" })
+] });
+const ForwardRef = React.forwardRef(tablerExclamationCircle);
+module.exports = ForwardRef;

package/dist/jsonforms/cjs/_virtual/plus.cjs

@@ -0,0 +1,13 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const tablerPlus = ({
+  title,
+  titleId,
+  ...props
+}, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", className: "tabler-icon tabler-icon-plus ", xmlns: "http://www.w3.org/2000/svg", height: 24, width: 24, ref, "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsxRuntime.jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 5v14m-7-7h14" })
+] });
+const ForwardRef = React.forwardRef(tablerPlus);
+module.exports = ForwardRef;

package/dist/jsonforms/cjs/_virtual/timezone.cjs

@@ -0,0 +1,17 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const tablerTimezone = ({
+  title,
+  titleId,
+  ...props
+}, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", className: "tabler-icon tabler-icon-timezone ", xmlns: "http://www.w3.org/2000/svg", height: 24, width: 24, ref, "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsxRuntime.jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20.884 10.554a9 9 0 1 0-10.337 10.328M3.6 9h16.8M3.6 15h6.9" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11.5 3a17 17 0 0 0-1.502 14.954M12.5 3a17 17 0 0 1 2.52 7.603M14 18a4 4 0 1 0 8 0a4 4 0 1 0-8 0" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 16.5V18l.5.5" })
+  ] })
+] });
+const ForwardRef = React.forwardRef(tablerTimezone);
+module.exports = ForwardRef;

package/dist/jsonforms/cjs/_virtual/trash.cjs

@@ -0,0 +1,13 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const tablerTrash = ({
+  title,
+  titleId,
+  ...props
+}, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", className: "tabler-icon tabler-icon-trash ", xmlns: "http://www.w3.org/2000/svg", height: 24, width: 24, ref, "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsxRuntime.jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 7h16m-10 4v6m4-6v6M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2l1-12M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3" })
+] });
+const ForwardRef = React.forwardRef(tablerTrash);
+module.exports = ForwardRef;

package/dist/jsonforms/cjs/hooks/useDateProps.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const iconify = require("../../../.external/cjs/@iconify_react@6.0.2_react@19.2.4/@iconify/react/dist/iconify.cjs");
 const core = require("@mantine/core");
 const React = require("react");
+const timezone = require("../_virtual/timezone.cjs");
 const utcConverter = require("../utils/utcConverter.cjs");
 function useDateProps(type, isUTC, { value, toggle, onChange }) {
   const theme = core.useMantineTheme();
@@ -33,7 +33,16 @@ function useDateProps(type, isUTC, { value, toggle, onChange }) {
               onChange(isUTC ? utcConverter.convertUTCStringToLocalString(props.value) : utcConverter.convertLocalStringToUTCString(props.value));
             }
           },
-          icon: /* @__PURE__ */ jsxRuntime.jsx(iconify.Icon, { icon: "tabler:timezone", color: isUTC ? theme.primaryColor : "gray" })
+          icon: /* @__PURE__ */ jsxRuntime.jsx(
+            timezone,
+            {
+              style: {
+                height: "var(--cb-icon-size, 70%)",
+                width: "var(--cb-icon-size, 70%)",
+                color: isUTC ? theme.primaryColor : "gray"
+              }
+            }
+          )
         }
       ),
       [isUTC, toggle, onChange, props.value, theme.primaryColor]

package/dist/jsonforms/cjs/hooks/useNavigationComponent.cjs

@@ -4,9 +4,9 @@ const jsxRuntime = require("react/jsx-runtime");
 const core$1 = require("fastapi-rtk/core");
 const core = require("@mantine/core");
 const React = require("react");
-const IconArrowUp = require("../../../.external/cjs/@tabler_icons-react@3.18.0_react@19.2.4/@tabler/icons-react/dist/esm/icons/IconArrowUp.cjs");
-const IconArrowDown = require("../../../.external/cjs/@tabler_icons-react@3.18.0_react@19.2.4/@tabler/icons-react/dist/esm/icons/IconArrowDown.cjs");
-const IconTrash = require("../../../.external/cjs/@tabler_icons-react@3.18.0_react@19.2.4/@tabler/icons-react/dist/esm/icons/IconTrash.cjs");
+const arrowDown = require("../_virtual/arrow-down.cjs");
+const arrowUp = require("../_virtual/arrow-up.cjs");
+const trash = require("../_virtual/trash.cjs");
 const useNavigationComponent = ({ componentName, componentIdentifier, onUp, onDown, onDelete, ...props }) => {
   const { childPath, showSortButtons, enableUp, enableDown, disableRemove, translations } = props;
   const defaultProps = { variant: "transparent", size: "sm", mt: "0.35rem" };
@@ -51,15 +51,15 @@ const useNavigationComponent = ({ componentName, componentIdentifier, onUp, onDo
     { withAllProps: false }
   );
   const ActionIconUp = React.useMemo(
-    () => ComponentUp === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { span: "content", children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ..._up_props, children: /* @__PURE__ */ jsxRuntime.jsx(IconArrowUp, {}) }) }) : ComponentUp,
+    () => ComponentUp === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { span: "content", children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ..._up_props, children: /* @__PURE__ */ jsxRuntime.jsx(arrowUp, {}) }) }) : ComponentUp,
     [ComponentUp, _up_props]
   );
   const ActionIconDown = React.useMemo(
-    () => ComponentDown === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { span: "content", children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ..._down_props, children: /* @__PURE__ */ jsxRuntime.jsx(IconArrowDown, {}) }) }) : ComponentDown,
+    () => ComponentDown === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { span: "content", children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ..._down_props, children: /* @__PURE__ */ jsxRuntime.jsx(arrowDown, {}) }) }) : ComponentDown,
     [ComponentDown, _down_props]
   );
   const ActionIconRemove = React.useMemo(
-    () => ComponentRemove === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { span: "content", children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ..._remove_props, children: /* @__PURE__ */ jsxRuntime.jsx(IconTrash, {}) }) }) : ComponentRemove,
+    () => ComponentRemove === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { span: "content", children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ..._remove_props, children: /* @__PURE__ */ jsxRuntime.jsx(trash, {}) }) }) : ComponentRemove,
     [ComponentRemove, _remove_props]
   );
   const SortButtons = React.useMemo(

package/dist/jsonforms/cjs/hooks/useToolbarComponent.cjs

@@ -3,8 +3,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const core$1 = require("fastapi-rtk/core");
 const core = require("@mantine/core");
-const IconPlus = require("../../../.external/cjs/@tabler_icons-react@3.18.0_react@19.2.4/@tabler/icons-react/dist/esm/icons/IconPlus.cjs");
-const IconExclamationCircle = require("../../../.external/cjs/@tabler_icons-react@3.18.0_react@19.2.4/@tabler/icons-react/dist/esm/icons/IconExclamationCircle.cjs");
+const exclamationCircle = require("../_virtual/exclamation-circle.cjs");
+const plus = require("../_virtual/plus.cjs");
 const ValidationIcon = ({ id, error }) => {
   const errorMessageList = (error == null ? void 0 : error.split("\n")) || [];
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -23,7 +23,7 @@ const ValidationIcon = ({ id, error }) => {
           label: errorMessageList.length,
           disabled: !error,
           style: { visibility: error ? "visible" : "hidden" },
-          children: /* @__PURE__ */ jsxRuntime.jsx(IconExclamationCircle, {})
+          children: /* @__PURE__ */ jsxRuntime.jsx(exclamationCircle, {})
         }
       )
     }
@@ -72,7 +72,7 @@ const useToolbarComponent = ({ componentName, componentIdentifier, onAdd, ...pro
   const TextLabel = ComponentLabel === void 0 ? (_label_props == null ? void 0 : _label_props.value) ? /* @__PURE__ */ jsxRuntime.jsx(core.Input.Label, { children: _label_props == null ? void 0 : _label_props.value }) : null : ComponentLabel;
   const TextDescription = ComponentDescription === void 0 ? (_description_props == null ? void 0 : _description_props.value) ? /* @__PURE__ */ jsxRuntime.jsx(core.Input.Description, { children: _description_props == null ? void 0 : _description_props.value }) : null : ComponentDescription;
   const IconValidation = ComponentValidation === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(ValidationIcon, { ..._validation_props }) : ComponentValidation;
-  const ActionIconAdd = ComponentAdd === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ..._add_props, children: /* @__PURE__ */ jsxRuntime.jsx(IconPlus, {}) }) : ComponentAdd;
+  const ActionIconAdd = ComponentAdd === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ..._add_props, children: /* @__PURE__ */ jsxRuntime.jsx(plus, {}) }) : ComponentAdd;
   return [
     // eslint-disable-next-line react/jsx-key
     /* @__PURE__ */ jsxRuntime.jsxs(core.Input.Wrapper, { children: [

package/dist/jsonforms/esm/_virtual/arrow-down.mjs

@@ -0,0 +1,14 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const tablerArrowDown = ({
+  title,
+  titleId,
+  ...props
+}, ref) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", className: "tabler-icon tabler-icon-arrow-down ", xmlns: "http://www.w3.org/2000/svg", height: 24, width: 24, ref, "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 5v14m6-6l-6 6m-6-6l6 6" })
+] });
+const ForwardRef = forwardRef(tablerArrowDown);
+export {
+  ForwardRef as default
+};

package/dist/jsonforms/esm/_virtual/arrow-up.mjs

@@ -0,0 +1,14 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const tablerArrowUp = ({
+  title,
+  titleId,
+  ...props
+}, ref) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", className: "tabler-icon tabler-icon-arrow-up ", xmlns: "http://www.w3.org/2000/svg", height: 24, width: 24, ref, "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 5v14m6-8l-6-6m-6 6l6-6" })
+] });
+const ForwardRef = forwardRef(tablerArrowUp);
+export {
+  ForwardRef as default
+};

package/dist/jsonforms/esm/_virtual/exclamation-circle.mjs

@@ -0,0 +1,14 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const tablerExclamationCircle = ({
+  title,
+  titleId,
+  ...props
+}, ref) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", className: "tabler-icon tabler-icon-exclamation-circle ", xmlns: "http://www.w3.org/2000/svg", height: 24, width: 24, ref, "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m9-3v4m0 3v.01" })
+] });
+const ForwardRef = forwardRef(tablerExclamationCircle);
+export {
+  ForwardRef as default
+};

package/dist/jsonforms/esm/_virtual/plus.mjs

@@ -0,0 +1,14 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const tablerPlus = ({
+  title,
+  titleId,
+  ...props
+}, ref) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", className: "tabler-icon tabler-icon-plus ", xmlns: "http://www.w3.org/2000/svg", height: 24, width: 24, ref, "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 5v14m-7-7h14" })
+] });
+const ForwardRef = forwardRef(tablerPlus);
+export {
+  ForwardRef as default
+};

package/dist/jsonforms/esm/_virtual/timezone.mjs

@@ -0,0 +1,18 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const tablerTimezone = ({
+  title,
+  titleId,
+  ...props
+}, ref) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", className: "tabler-icon tabler-icon-timezone ", xmlns: "http://www.w3.org/2000/svg", height: 24, width: 24, ref, "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsxs("g", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, children: [
+    /* @__PURE__ */ jsx("path", { d: "M20.884 10.554a9 9 0 1 0-10.337 10.328M3.6 9h16.8M3.6 15h6.9" }),
+    /* @__PURE__ */ jsx("path", { d: "M11.5 3a17 17 0 0 0-1.502 14.954M12.5 3a17 17 0 0 1 2.52 7.603M14 18a4 4 0 1 0 8 0a4 4 0 1 0-8 0" }),
+    /* @__PURE__ */ jsx("path", { d: "M18 16.5V18l.5.5" })
+  ] })
+] });
+const ForwardRef = forwardRef(tablerTimezone);
+export {
+  ForwardRef as default
+};

package/dist/jsonforms/esm/_virtual/trash.mjs

@@ -0,0 +1,14 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const tablerTrash = ({
+  title,
+  titleId,
+  ...props
+}, ref) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", className: "tabler-icon tabler-icon-trash ", xmlns: "http://www.w3.org/2000/svg", height: 24, width: 24, ref, "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 7h16m-10 4v6m4-6v6M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2l1-12M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3" })
+] });
+const ForwardRef = forwardRef(tablerTrash);
+export {
+  ForwardRef as default
+};

package/dist/jsonforms/esm/hooks/useDateProps.mjs

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import { Icon } from "../../../.external/esm/@iconify_react@6.0.2_react@19.2.4/@iconify/react/dist/iconify.mjs";
 import { useMantineTheme, CloseButton } from "@mantine/core";
 import { useCallback, useMemo } from "react";
+import ForwardRef from "../_virtual/timezone.mjs";
 import { convertUTCStringToLocalString, convertLocalStringToUTCString } from "../utils/utcConverter.mjs";
 function useDateProps(type, isUTC, { value, toggle, onChange }) {
   const theme = useMantineTheme();
@@ -31,7 +31,16 @@ function useDateProps(type, isUTC, { value, toggle, onChange }) {
               onChange(isUTC ? convertUTCStringToLocalString(props.value) : convertLocalStringToUTCString(props.value));
             }
           },
-          icon: /* @__PURE__ */ jsx(Icon, { icon: "tabler:timezone", color: isUTC ? theme.primaryColor : "gray" })
+          icon: /* @__PURE__ */ jsx(
+            ForwardRef,
+            {
+              style: {
+                height: "var(--cb-icon-size, 70%)",
+                width: "var(--cb-icon-size, 70%)",
+                color: isUTC ? theme.primaryColor : "gray"
+              }
+            }
+          )
         }
       ),
       [isUTC, toggle, onChange, props.value, theme.primaryColor]

package/dist/jsonforms/esm/hooks/useNavigationComponent.mjs

@@ -2,9 +2,9 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useContextProps } from "fastapi-rtk/core";
 import { useProps, Grid, ActionIcon } from "@mantine/core";
 import { useMemo } from "react";
-import IconArrowUp from "../../../.external/esm/@tabler_icons-react@3.18.0_react@19.2.4/@tabler/icons-react/dist/esm/icons/IconArrowUp.mjs";
-import IconArrowDown from "../../../.external/esm/@tabler_icons-react@3.18.0_react@19.2.4/@tabler/icons-react/dist/esm/icons/IconArrowDown.mjs";
-import IconTrash from "../../../.external/esm/@tabler_icons-react@3.18.0_react@19.2.4/@tabler/icons-react/dist/esm/icons/IconTrash.mjs";
+import ForwardRef$1 from "../_virtual/arrow-down.mjs";
+import ForwardRef from "../_virtual/arrow-up.mjs";
+import ForwardRef$2 from "../_virtual/trash.mjs";
 const useNavigationComponent = ({ componentName, componentIdentifier, onUp, onDown, onDelete, ...props }) => {
   const { childPath, showSortButtons, enableUp, enableDown, disableRemove, translations } = props;
   const defaultProps = { variant: "transparent", size: "sm", mt: "0.35rem" };
@@ -49,15 +49,15 @@ const useNavigationComponent = ({ componentName, componentIdentifier, onUp, onDo
     { withAllProps: false }
   );
   const ActionIconUp = useMemo(
-    () => ComponentUp === void 0 ? /* @__PURE__ */ jsx(Grid.Col, { span: "content", children: /* @__PURE__ */ jsx(ActionIcon, { ..._up_props, children: /* @__PURE__ */ jsx(IconArrowUp, {}) }) }) : ComponentUp,
+    () => ComponentUp === void 0 ? /* @__PURE__ */ jsx(Grid.Col, { span: "content", children: /* @__PURE__ */ jsx(ActionIcon, { ..._up_props, children: /* @__PURE__ */ jsx(ForwardRef, {}) }) }) : ComponentUp,
     [ComponentUp, _up_props]
   );
   const ActionIconDown = useMemo(
-    () => ComponentDown === void 0 ? /* @__PURE__ */ jsx(Grid.Col, { span: "content", children: /* @__PURE__ */ jsx(ActionIcon, { ..._down_props, children: /* @__PURE__ */ jsx(IconArrowDown, {}) }) }) : ComponentDown,
+    () => ComponentDown === void 0 ? /* @__PURE__ */ jsx(Grid.Col, { span: "content", children: /* @__PURE__ */ jsx(ActionIcon, { ..._down_props, children: /* @__PURE__ */ jsx(ForwardRef$1, {}) }) }) : ComponentDown,
     [ComponentDown, _down_props]
   );
   const ActionIconRemove = useMemo(
-    () => ComponentRemove === void 0 ? /* @__PURE__ */ jsx(Grid.Col, { span: "content", children: /* @__PURE__ */ jsx(ActionIcon, { ..._remove_props, children: /* @__PURE__ */ jsx(IconTrash, {}) }) }) : ComponentRemove,
+    () => ComponentRemove === void 0 ? /* @__PURE__ */ jsx(Grid.Col, { span: "content", children: /* @__PURE__ */ jsx(ActionIcon, { ..._remove_props, children: /* @__PURE__ */ jsx(ForwardRef$2, {}) }) }) : ComponentRemove,
     [ComponentRemove, _remove_props]
   );
   const SortButtons = useMemo(

package/dist/jsonforms/esm/hooks/useToolbarComponent.mjs

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useContextProps } from "fastapi-rtk/core";
 import { useProps, Input, ActionIcon, Flex, Tooltip, Indicator, Stack, Text } from "@mantine/core";
-import IconPlus from "../../../.external/esm/@tabler_icons-react@3.18.0_react@19.2.4/@tabler/icons-react/dist/esm/icons/IconPlus.mjs";
-import IconExclamationCircle from "../../../.external/esm/@tabler_icons-react@3.18.0_react@19.2.4/@tabler/icons-react/dist/esm/icons/IconExclamationCircle.mjs";
+import ForwardRef$1 from "../_virtual/exclamation-circle.mjs";
+import ForwardRef from "../_virtual/plus.mjs";
 const ValidationIcon = ({ id, error }) => {
   const errorMessageList = (error == null ? void 0 : error.split("\n")) || [];
   return /* @__PURE__ */ jsx(
@@ -21,7 +21,7 @@ const ValidationIcon = ({ id, error }) => {
           label: errorMessageList.length,
           disabled: !error,
           style: { visibility: error ? "visible" : "hidden" },
-          children: /* @__PURE__ */ jsx(IconExclamationCircle, {})
+          children: /* @__PURE__ */ jsx(ForwardRef$1, {})
         }
       )
     }
@@ -70,7 +70,7 @@ const useToolbarComponent = ({ componentName, componentIdentifier, onAdd, ...pro
   const TextLabel = ComponentLabel === void 0 ? (_label_props == null ? void 0 : _label_props.value) ? /* @__PURE__ */ jsx(Input.Label, { children: _label_props == null ? void 0 : _label_props.value }) : null : ComponentLabel;
   const TextDescription = ComponentDescription === void 0 ? (_description_props == null ? void 0 : _description_props.value) ? /* @__PURE__ */ jsx(Input.Description, { children: _description_props == null ? void 0 : _description_props.value }) : null : ComponentDescription;
   const IconValidation = ComponentValidation === void 0 ? /* @__PURE__ */ jsx(ValidationIcon, { ..._validation_props }) : ComponentValidation;
-  const ActionIconAdd = ComponentAdd === void 0 ? /* @__PURE__ */ jsx(ActionIcon, { ..._add_props, children: /* @__PURE__ */ jsx(IconPlus, {}) }) : ComponentAdd;
+  const ActionIconAdd = ComponentAdd === void 0 ? /* @__PURE__ */ jsx(ActionIcon, { ..._add_props, children: /* @__PURE__ */ jsx(ForwardRef, {}) }) : ComponentAdd;
   return [
     // eslint-disable-next-line react/jsx-key
     /* @__PURE__ */ jsxs(Input.Wrapper, { children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fastapi-rtk",
-  "version": "1.0.51",
+  "version": "1.1.0",
   "private": false,
   "description": "A React component library for FastAPI in combination with FastAPI React Toolkit backend, built with Mantine, JsonForms, and Zustand.",
   "license": "MIT",
@@ -76,6 +76,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.25.1",
+    "@iconify-json/tabler": "^1.2.31",
     "@mantine/core": "^8.1.2",
     "@mantine/dates": "^8.1.2",
     "@mantine/form": "^8.1.2",
@@ -86,6 +87,8 @@
     "@storybook/react": "^8.6.12",
     "@storybook/react-vite": "^8.6.12",
     "@storybook/test": "^8.6.12",
+    "@svgr/core": "^8.1.0",
+    "@svgr/plugin-jsx": "^8.1.0",
     "@types/react": "^19.2.3",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react-swc": "^3.8.0",
@@ -103,6 +106,7 @@
     "storybook": "^8.6.12",
     "typescript": "^5.8.3",
     "typescript-eslint": "^8.31.1",
+    "unplugin-icons": "^23.0.1",
     "vite": "^6.3.1",
     "vite-plugin-dts": "^4.5.3"
   },