@darajs/core 1.21.4 → 1.21.6

package/dist/components/index.d.ts

@@ -9,6 +9,7 @@ export { default as CustomFallback } from './fallback/custom';
 export { default as For } from './for/for';
 export { default as Link } from './link';
 export { default as Outlet } from './outlet';
+export { default as Navigate } from './navigate';
 export { default as PoweredByCausalens } from './powered-by-causalens';
 export { default as ThemeProvider } from './theme-provider';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../js/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../js/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/index.js

@@ -9,6 +9,7 @@ export { default as CustomFallback } from './fallback/custom';
 export { default as For } from './for/for';
 export { default as Link } from './link';
 export { default as Outlet } from './outlet';
+export { default as Navigate } from './navigate';
 export { default as PoweredByCausalens } from './powered-by-causalens';
 export { default as ThemeProvider } from './theme-provider';
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../js/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../js/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/link.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { type NavLinkProps } from 'react-router';
-import type { ComponentInstance, StyledComponentProps } from '../types';
+import type { ComponentInstance, StyledComponentProps, Variable } from '../types';
+type MaybeVariable<T> = T | Variable<T>;
 export interface LinkProps extends StyledComponentProps {
     className?: string;
     case_sensitive: boolean;
@@ -8,7 +9,7 @@ export interface LinkProps extends StyledComponentProps {
     prefetch?: boolean;
     relative: NavLinkProps['relative'];
     replace: NavLinkProps['replace'];
-    to: NavLinkProps['to'];
+    to: MaybeVariable<NavLinkProps['to']>;
     active_css?: StyledComponentProps['raw_css'];
     inactive_css?: StyledComponentProps['raw_css'];
     end: NavLinkProps['end'];

package/dist/components/link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../js/components/link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAO1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEvE,MAAM,WAAW,SAAU,SAAQ,oBAAoB;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IACnC,OAAO,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IACjC,EAAE,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC;IAGvB,UAAU,CAAC,EAAE,oBAAoB,CAAC,SAAS,CAAC,CAAC;IAE7C,YAAY,CAAC,EAAE,oBAAoB,CAAC,SAAS,CAAC,CAAC;IAC/C,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC;CAC5B;AAyCD,iBAAS,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,KAAK,CAAC,SAAS,CAwF/C;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../js/components/link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAQ1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEjF,KAAK,aAAa,CAAC,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;AAExC,MAAM,WAAW,SAAU,SAAQ,oBAAoB;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IACnC,OAAO,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IACjC,EAAE,EAAE,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;IAGtC,UAAU,CAAC,EAAE,oBAAoB,CAAC,SAAS,CAAC,CAAC;IAE7C,YAAY,CAAC,EAAE,oBAAoB,CAAC,SAAS,CAAC,CAAC;IAC/C,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC;CAC5B;AAyCD,iBAAS,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,KAAK,CAAC,SAAS,CAyF/C;AAED,eAAe,IAAI,CAAC"}

package/dist/components/link.js

@@ -16,6 +16,7 @@ import styled from 'styled-components';
 import { usePreloadRoute } from '../router/fetching';
 import { DisplayCtx } from '../shared/context';
 import DynamicComponent from '../shared/dynamic-component/dynamic-component';
+import { useVariable } from '../shared/interactivity';
 import useComponentStyles from '../shared/utils/use-component-styles';
 const NavLinkWrapper = React.forwardRef((props, ref) => {
     const { to, className, style, activeStyle, inactiveStyle, prefetch } = props, rest = __rest(props, ["to", "className", "style", "activeStyle", "inactiveStyle", "prefetch"]);
@@ -37,6 +38,7 @@ function Link(props) {
     const [style, css] = useComponentStyles(props);
     const [activeStyle, activeCss] = useComponentStyles(props, true, 'active_css');
     const [inactiveStyle, inactiveCss] = useComponentStyles(props, false, 'inactive_css');
+    const [to] = useVariable(props.to);
     // Prefetching approach inspired by SolidJS's router:
     // https://github.com/solidjs/solid-router/blob/30f08665e87829736a9333d55863d27905f4a92d/src/data/events.ts#L7
     const preloadRoute = usePreloadRoute();
@@ -53,8 +55,8 @@ function Link(props) {
         if (!props.prefetch) {
             return;
         }
-        preloadRoute(props.to);
-    }, [props.prefetch, preloadRoute, props.to]);
+        preloadRoute(to);
+    }, [props.prefetch, preloadRoute, to]);
     // Delayed preload (for mouse move events)
     const handleDelayedPreload = React.useCallback(() => {
         if (!props.prefetch) {
@@ -64,9 +66,9 @@ function Link(props) {
         clearPreloadTimeout();
         // Set timeout for delayed preload (20ms)
         preloadTimeoutRef.current = window.setTimeout(() => {
-            preloadRoute(props.to);
+            preloadRoute(to);
         }, 20);
-    }, [props.prefetch, props.to, clearPreloadTimeout, preloadRoute]);
+    }, [props.prefetch, to, clearPreloadTimeout, preloadRoute]);
     // Event handlers
     const handleMouseMove = React.useCallback(() => {
         handleDelayedPreload();
@@ -83,7 +85,7 @@ function Link(props) {
             clearPreloadTimeout();
         };
     }, [clearPreloadTimeout]);
-    return (_jsx(DisplayCtx.Provider, { value: { component: 'anchor', direction: displayCtx.direction }, children: _jsx(StyledNavLink, { id: props.id_, className: props.className, to: props.to, end: props.end, caseSensitive: props.case_sensitive, replace: props.replace, relative: props.relative, "$activeCss": css + activeCss, "$inactiveCss": css + inactiveCss, style: style, activeStyle: activeStyle, inactiveStyle: inactiveStyle, onMouseMove: props.prefetch ? handleMouseMove : undefined, onFocus: props.prefetch ? handleFocus : undefined, onTouchStart: props.prefetch ? handleTouchStart : undefined, children: props.children.map((child, idx) => (_jsx(DynamicComponent, { component: child }, idx))) }) }));
+    return (_jsx(DisplayCtx.Provider, { value: { component: 'anchor', direction: displayCtx.direction }, children: _jsx(StyledNavLink, { id: props.id_, className: props.className, to: to, end: props.end, caseSensitive: props.case_sensitive, replace: props.replace, relative: props.relative, "$activeCss": css + activeCss, "$inactiveCss": css + inactiveCss, style: style, activeStyle: activeStyle, inactiveStyle: inactiveStyle, onMouseMove: props.prefetch ? handleMouseMove : undefined, onFocus: props.prefetch ? handleFocus : undefined, onTouchStart: props.prefetch ? handleTouchStart : undefined, children: props.children.map((child, idx) => (_jsx(DynamicComponent, { component: child }, idx))) }) }));
 }
 export default Link;
 //# sourceMappingURL=link.js.map

package/dist/components/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","sourceRoot":"","sources":["../../js/components/link.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"link.js","sourceRoot":"","sources":["../../js/components/link.tsx"],"names":[],"mappings":"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"}

package/dist/components/navigate.d.ts

@@ -0,0 +1,9 @@
+import { type NavigateProps as RRNavigateProps } from 'react-router';
+import type { Variable } from '../types';
+type MaybeVariable<T> = T | Variable<T>;
+interface NavigateProps {
+    to: MaybeVariable<RRNavigateProps['to']>;
+}
+declare function Navigate(props: NavigateProps): JSX.Element;
+export default Navigate;
+//# sourceMappingURL=navigate.d.ts.map

package/dist/components/navigate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigate.d.ts","sourceRoot":"","sources":["../../js/components/navigate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,aAAa,IAAI,eAAe,EAAE,MAAM,cAAc,CAAC;AAG7F,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,KAAK,aAAa,CAAC,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;AAExC,UAAU,aAAa;IACnB,EAAE,EAAE,aAAa,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC;CAC5C;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAInD;AAED,eAAe,QAAQ,CAAC"}

package/dist/components/navigate.js

@@ -0,0 +1,21 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Navigate as RRNavigate } from 'react-router';
+import { useVariable } from '../shared/interactivity';
+function Navigate(props) {
+    const { to } = props, rest = __rest(props, ["to"]);
+    const [toValue] = useVariable(to);
+    return _jsx(RRNavigate, Object.assign({ to: toValue }, rest));
+}
+export default Navigate;
+//# sourceMappingURL=navigate.js.map

package/dist/components/navigate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigate.js","sourceRoot":"","sources":["../../js/components/navigate.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAyC,MAAM,cAAc,CAAC;AAE7F,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AASrD,SAAS,QAAQ,CAAC,KAAoB;IAClC,MAAM,EAAE,EAAE,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAvB,MAAe,CAAQ,CAAC;IAC9B,MAAM,CAAC,OAAO,CAAC,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC;IAClC,OAAO,KAAC,UAAU,kBAAC,EAAE,EAAE,OAAO,IAAM,IAAI,EAAI,CAAC;AACjD,CAAC;AAED,eAAe,QAAQ,CAAC"}

package/dist/umd/dara.core.umd.cjs

@@ -56822,7 +56822,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
       }
     );
   }
-  function Navigate({
+  function Navigate$1({
     to,
     replace: replace22,
     state,
@@ -64016,7 +64016,7 @@ ${String(error)}`;
     MemoryRouter,
     Meta,
     NavLink,
-    Navigate,
+    Navigate: Navigate$1,
     NavigationType: Action,
     Outlet,
     PrefetchPageLinks,
@@ -74646,7 +74646,7 @@ body,
                 // fallback route, redirect to first navigatable path
                 {
                   path: "*",
-                  element: /* @__PURE__ */ React__namespace.createElement(Navigate, { to: defaultPath })
+                  element: /* @__PURE__ */ React__namespace.createElement(Navigate$1, { to: defaultPath })
                 }
               ]
             }
@@ -98207,6 +98207,7 @@ body,
     const [style, css2] = useComponentStyles(props);
     const [activeStyle, activeCss] = useComponentStyles(props, true, "active_css");
     const [inactiveStyle, inactiveCss] = useComponentStyles(props, false, "inactive_css");
+    const [to] = useVariable(props.to);
     const preloadRoute = usePreloadRoute();
     const preloadTimeoutRef = React__namespace.useRef(null);
     const clearPreloadTimeout = React__namespace.useCallback(() => {
@@ -98219,17 +98220,17 @@ body,
       if (!props.prefetch) {
         return;
       }
-      preloadRoute(props.to);
-    }, [props.prefetch, preloadRoute, props.to]);
+      preloadRoute(to);
+    }, [props.prefetch, preloadRoute, to]);
     const handleDelayedPreload = React__namespace.useCallback(() => {
       if (!props.prefetch) {
         return;
       }
       clearPreloadTimeout();
       preloadTimeoutRef.current = window.setTimeout(() => {
-        preloadRoute(props.to);
+        preloadRoute(to);
       }, 20);
-    }, [props.prefetch, props.to, clearPreloadTimeout, preloadRoute]);
+    }, [props.prefetch, to, clearPreloadTimeout, preloadRoute]);
     const handleMouseMove = React__namespace.useCallback(() => {
       handleDelayedPreload();
     }, [handleDelayedPreload]);
@@ -98249,7 +98250,7 @@ body,
       {
         id: props.id_,
         className: props.className,
-        to: props.to,
+        to,
         end: props.end,
         caseSensitive: props.case_sensitive,
         replace: props.replace,
@@ -98594,6 +98595,11 @@ body,
     const { suspend } = useFallbackCtx();
     return /* @__PURE__ */ React__namespace.createElement(fallbackCtx.Provider, { value: { suspend: false } }, /* @__PURE__ */ React__namespace.createElement(ForImpl, { ...props, suspend }));
   }
+  function Navigate(props) {
+    const { to, ...rest } = props;
+    const [toValue] = useVariable(to);
+    return /* @__PURE__ */ React.createElement(Navigate$1, { to: toValue, ...rest });
+  }
   const StyledDiv = injectCss(styled.div`
     /* empty */
 `);
@@ -98632,6 +98638,7 @@ body,
   exports.LoaderError = LoaderError;
   exports.Menu = Menu;
   exports.MenuLink = MenuLink;
+  exports.Navigate = Navigate;
   exports.NavigateTo = NavigateTo;
   exports.Notifications = index$1;
   exports.Notify = Notify;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@darajs/core",
-  "version": "1.21.4",
+  "version": "1.21.6",
   "description": "Dara Framework core",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -39,9 +39,9 @@
     "@babel/preset-env": "^7.23.0",
     "@babel/preset-react": "^7.22.15",
     "@babel/preset-typescript": "^7.23.0",
-    "@darajs/eslint-config": "1.21.4",
-    "@darajs/prettier-config": "1.21.4",
-    "@darajs/stylelint-config": "1.21.4",
+    "@darajs/eslint-config": "1.21.6",
+    "@darajs/prettier-config": "1.21.6",
+    "@darajs/stylelint-config": "1.21.6",
     "@rollup/plugin-inject": "^4.0.4",
     "@testing-library/dom": "^9.3.0",
     "@testing-library/jest-dom": "^6.0.0",
@@ -75,10 +75,10 @@
     "whatwg-fetch": "^3.6.20"
   },
   "dependencies": {
-    "@darajs/styled-components": "1.21.4",
-    "@darajs/ui-components": "1.21.4",
-    "@darajs/ui-notifications": "1.21.4",
-    "@darajs/ui-utils": "1.21.4",
+    "@darajs/styled-components": "1.21.6",
+    "@darajs/ui-components": "1.21.6",
+    "@darajs/ui-notifications": "1.21.6",
+    "@darajs/ui-utils": "1.21.6",
     "@fortawesome/fontawesome-free": "~6.4.0",
     "@recoiljs/refine": "^0.1.1",
     "@tanstack/query-core": "^4.40.0",
@@ -116,5 +116,5 @@
   "engines": {
     "node": ">=20.19.0"
   },
-  "gitHead": "56ad6e864227173e0941791008ee1fd19462e961"
+  "gitHead": "431c549c6088b3ad6f5a65c669005784abe36a87"
 }