@darajs/core 1.9.1 → 1.9.2

package/dist/umd/dara.core.umd.js

@@ -15556,11 +15556,40 @@ var __privateWrapper = (obj, member, setter, getter) => ({
   function objectWithKey(key, value) {
     return Array.isArray(value) && value.length > 0 || !Array.isArray(value) && value ? _defineProperty$5({}, key, value) : {};
   }
+  var defaultProps$5 = {
+    border: false,
+    className: "",
+    mask: null,
+    maskId: null,
+    fixedWidth: false,
+    inverse: false,
+    flip: false,
+    icon: null,
+    listItem: false,
+    pull: null,
+    pulse: false,
+    rotation: null,
+    size: null,
+    spin: false,
+    spinPulse: false,
+    spinReverse: false,
+    beat: false,
+    fade: false,
+    beatFade: false,
+    bounce: false,
+    shake: false,
+    symbol: false,
+    title: "",
+    titleId: null,
+    transform: null,
+    swapOpacity: false
+  };
   var FontAwesomeIcon = /* @__PURE__ */ React__default.default.forwardRef(function(props, ref) {
-    var iconArgs = props.icon, maskArgs = props.mask, symbol = props.symbol, className = props.className, title = props.title, titleId = props.titleId, maskId = props.maskId;
+    var allProps = _objectSpread2$1(_objectSpread2$1({}, defaultProps$5), props);
+    var iconArgs = allProps.icon, maskArgs = allProps.mask, symbol = allProps.symbol, className = allProps.className, title = allProps.title, titleId = allProps.titleId, maskId = allProps.maskId;
     var iconLookup = normalizeIconArgs(iconArgs);
-    var classes = objectWithKey("classes", [].concat(_toConsumableArray$2(classList(props)), _toConsumableArray$2(className.split(" "))));
-    var transform = objectWithKey("transform", typeof props.transform === "string" ? parse$1$1.transform(props.transform) : props.transform);
+    var classes = objectWithKey("classes", [].concat(_toConsumableArray$2(classList(allProps)), _toConsumableArray$2(className.split(" "))));
+    var transform = objectWithKey("transform", typeof allProps.transform === "string" ? parse$1$1.transform(allProps.transform) : allProps.transform);
     var mask = objectWithKey("mask", normalizeIconArgs(maskArgs));
     var renderedIcon = icon(iconLookup, _objectSpread2$1(_objectSpread2$1(_objectSpread2$1(_objectSpread2$1({}, classes), transform), mask), {}, {
       symbol,
@@ -15576,9 +15605,9 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     var extraProps = {
       ref
     };
-    Object.keys(props).forEach(function(key) {
-      if (!FontAwesomeIcon.defaultProps.hasOwnProperty(key)) {
-        extraProps[key] = props[key];
+    Object.keys(allProps).forEach(function(key) {
+      if (!defaultProps$5.hasOwnProperty(key)) {
+        extraProps[key] = allProps[key];
       }
     });
     return convertCurry(abstract[0], extraProps);
@@ -15613,34 +15642,6 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     transform: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.object]),
     swapOpacity: propTypes.exports.bool
   };
-  FontAwesomeIcon.defaultProps = {
-    border: false,
-    className: "",
-    mask: null,
-    maskId: null,
-    fixedWidth: false,
-    inverse: false,
-    flip: false,
-    icon: null,
-    listItem: false,
-    pull: null,
-    pulse: false,
-    rotation: null,
-    size: null,
-    spin: false,
-    spinPulse: false,
-    spinReverse: false,
-    beat: false,
-    fade: false,
-    beatFade: false,
-    bounce: false,
-    shake: false,
-    symbol: false,
-    title: "",
-    titleId: null,
-    transform: null,
-    swapOpacity: false
-  };
   var convertCurry = convert.bind(null, React__default.default.createElement);
   var Icon$3 = function(e3) {
     var t2 = {};
@@ -18497,16 +18498,16 @@ var __privateWrapper = (obj, member, setter, getter) => ({
           widthSide = side;
           heightSide = alignment === "end" ? "top" : "bottom";
         }
-        const overflowAvailableHeight = height - overflow[heightSide];
-        const overflowAvailableWidth = width - overflow[widthSide];
+        const maximumClippingHeight = height - overflow.top - overflow.bottom;
+        const maximumClippingWidth = width - overflow.left - overflow.right;
+        const overflowAvailableHeight = min$2(height - overflow[heightSide], maximumClippingHeight);
+        const overflowAvailableWidth = min$2(width - overflow[widthSide], maximumClippingWidth);
         const noShift = !state.middlewareData.shift;
         let availableHeight = overflowAvailableHeight;
         let availableWidth = overflowAvailableWidth;
         if (isYAxis) {
-          const maximumClippingWidth = width - overflow.left - overflow.right;
           availableWidth = alignment || noShift ? min$2(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth;
         } else {
-          const maximumClippingHeight = height - overflow.top - overflow.bottom;
           availableHeight = alignment || noShift ? min$2(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight;
         }
         if (noShift && !alignment) {
@@ -18655,10 +18656,10 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     });
   }
   const topLayerSelectors = [":popover-open", ":modal"];
-  function isTopLayer(floating) {
+  function isTopLayer(element) {
     return topLayerSelectors.some((selector2) => {
       try {
-        return floating.matches(selector2);
+        return element.matches(selector2);
       } catch (e3) {
         return false;
       }
@@ -18824,7 +18825,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       rootBoundary,
       strategy
     } = _ref2;
-    const elementClippingAncestors = boundary === "clippingAncestors" ? getClippingElementAncestors(element, this._c) : [].concat(boundary);
+    const elementClippingAncestors = boundary === "clippingAncestors" ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);
     const clippingAncestors = [...elementClippingAncestors, rootBoundary];
     const firstClippingAncestor = clippingAncestors[0];
     const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
@@ -18883,6 +18884,9 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       height: rect.height
     };
   }
+  function isStaticPositioned(element) {
+    return getComputedStyle$2(element).position === "static";
+  }
   function getTrueOffsetParent$1(element, polyfill) {
     if (!isHTMLElement$1(element) || getComputedStyle$2(element).position === "fixed") {
       return null;
@@ -18893,18 +18897,28 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     return element.offsetParent;
   }
   function getOffsetParent$1(element, polyfill) {
-    const window2 = getWindow$1(element);
-    if (!isHTMLElement$1(element) || isTopLayer(element)) {
-      return window2;
+    const win = getWindow$1(element);
+    if (isTopLayer(element)) {
+      return win;
+    }
+    if (!isHTMLElement$1(element)) {
+      let svgOffsetParent = getParentNode$1(element);
+      while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {
+        if (isElement$3(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {
+          return svgOffsetParent;
+        }
+        svgOffsetParent = getParentNode$1(svgOffsetParent);
+      }
+      return win;
     }
     let offsetParent = getTrueOffsetParent$1(element, polyfill);
-    while (offsetParent && isTableElement$1(offsetParent) && getComputedStyle$2(offsetParent).position === "static") {
+    while (offsetParent && isTableElement$1(offsetParent) && isStaticPositioned(offsetParent)) {
       offsetParent = getTrueOffsetParent$1(offsetParent, polyfill);
     }
-    if (offsetParent && (getNodeName$1(offsetParent) === "html" || getNodeName$1(offsetParent) === "body" && getComputedStyle$2(offsetParent).position === "static" && !isContainingBlock(offsetParent))) {
-      return window2;
+    if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) {
+      return win;
     }
-    return offsetParent || getContainingBlock$1(element) || window2;
+    return offsetParent || getContainingBlock$1(element) || win;
   }
   const getElementRects = async function(data) {
     const getOffsetParentFn = this.getOffsetParent || getOffsetParent$1;
@@ -19515,7 +19529,6 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     const {
       open: open2,
       onOpenChange,
-      nodeId,
       elements: {
         reference: reference2,
         domReference,
@@ -19548,9 +19561,11 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       outsidePress: outsidePressCapture
     } = normalizeProp(capture);
     const closeOnEscapeKeyDown = useEffectEvent((event) => {
+      var _dataRef$current$floa;
       if (!open2 || !enabled || !escapeKey || event.key !== "Escape") {
         return;
       }
+      const nodeId = (_dataRef$current$floa = dataRef.current.floatingContext) == null ? void 0 : _dataRef$current$floa.nodeId;
       const children = tree ? getChildren$2(tree.nodesRef.current, nodeId) : [];
       if (!escapeKeyBubbles) {
         event.stopPropagation();
@@ -19580,6 +19595,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       (_getTarget2 = getTarget(event)) == null || _getTarget2.addEventListener("keydown", callback);
     });
     const closeOnPressOutside = useEffectEvent((event) => {
+      var _dataRef$current$floa2;
       const insideReactTree = insideReactTreeRef.current;
       insideReactTreeRef.current = false;
       const endedOrStartedInside = endedOrStartedInsideRef.current;
@@ -19621,6 +19637,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
           return;
         }
       }
+      const nodeId = (_dataRef$current$floa2 = dataRef.current.floatingContext) == null ? void 0 : _dataRef$current$floa2.nodeId;
       const targetIsInsideChildren = tree && getChildren$2(tree.nodesRef.current, nodeId).some((node) => {
         var _node$context;
         return isEventTargetWithin(event, (_node$context = node.context) == null ? void 0 : _node$context.elements.floating);
@@ -19725,20 +19742,68 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       };
     }, [enabled, referencePress, outsidePressEvent, referencePressEvent, onOpenChange, closeOnEscapeKeyDown]);
   }
+  function useFloatingRootContext(options) {
+    const {
+      open: open2 = false,
+      onOpenChange: onOpenChangeProp,
+      elements: elementsProp
+    } = options;
+    const floatingId = useId();
+    const dataRef = React__namespace.useRef({});
+    const [events] = React__namespace.useState(() => createPubSub());
+    const nested = useFloatingParentNodeId() != null;
+    const [positionReference, setPositionReference] = React__namespace.useState(elementsProp.reference);
+    const onOpenChange = useEffectEvent((open3, event, reason) => {
+      dataRef.current.openEvent = open3 ? event : void 0;
+      events.emit("openchange", {
+        open: open3,
+        event,
+        reason,
+        nested
+      });
+      onOpenChangeProp == null || onOpenChangeProp(open3, event, reason);
+    });
+    const refs = React__namespace.useMemo(() => ({
+      setPositionReference
+    }), []);
+    const elements = React__namespace.useMemo(() => ({
+      reference: positionReference || elementsProp.reference || null,
+      floating: elementsProp.floating || null,
+      domReference: elementsProp.reference
+    }), [positionReference, elementsProp.reference, elementsProp.floating]);
+    return React__namespace.useMemo(() => ({
+      dataRef,
+      open: open2,
+      onOpenChange,
+      elements,
+      events,
+      floatingId,
+      refs
+    }), [open2, onOpenChange, elements, events, floatingId, refs]);
+  }
   function useFloating(options) {
-    var _options$elements;
     if (options === void 0) {
       options = {};
     }
     const {
-      open: open2 = false,
-      onOpenChange: unstable_onOpenChange,
       nodeId
     } = options;
+    const internalRootContext = useFloatingRootContext({
+      ...options,
+      elements: {
+        reference: null,
+        floating: null,
+        ...options.elements
+      }
+    });
+    const rootContext = options.rootContext || internalRootContext;
+    const computedElements = rootContext.elements;
     const [_domReference, setDomReference] = React__namespace.useState(null);
     const [positionReference, _setPositionReference] = React__namespace.useState(null);
-    const optionDomReference = (_options$elements = options.elements) == null ? void 0 : _options$elements.reference;
+    const optionDomReference = computedElements == null ? void 0 : computedElements.reference;
     const domReference = optionDomReference || _domReference;
+    const domReferenceRef = React__namespace.useRef(null);
+    const tree = useFloatingTree();
     index$2(() => {
       if (domReference) {
         domReferenceRef.current = domReference;
@@ -19747,28 +19812,12 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     const position = useFloating$1({
       ...options,
       elements: {
-        ...options.elements,
+        ...computedElements,
         ...positionReference && {
           reference: positionReference
         }
       }
     });
-    const tree = useFloatingTree();
-    const nested = useFloatingParentNodeId() != null;
-    const onOpenChange = useEffectEvent((open3, event, reason) => {
-      dataRef.current.openEvent = open3 ? event : void 0;
-      events.emit("openchange", {
-        open: open3,
-        event,
-        reason,
-        nested
-      });
-      unstable_onOpenChange == null || unstable_onOpenChange(open3, event, reason);
-    });
-    const domReferenceRef = React__namespace.useRef(null);
-    const dataRef = React__namespace.useRef({});
-    const events = React__namespace.useState(() => createPubSub())[0];
-    const floatingId = useId();
     const setPositionReference = React__namespace.useCallback((node) => {
       const computedPositionReference = isElement$3(node) ? {
         getBoundingClientRect: () => node.getBoundingClientRect(),
@@ -19798,16 +19847,13 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     }), [position.elements, domReference]);
     const context2 = React__namespace.useMemo(() => ({
       ...position,
+      ...rootContext,
       refs,
       elements,
-      dataRef,
-      nodeId,
-      floatingId,
-      events,
-      open: open2,
-      onOpenChange
-    }), [position, nodeId, floatingId, events, open2, onOpenChange, refs, elements]);
+      nodeId
+    }), [position, refs, elements, nodeId, rootContext]);
     index$2(() => {
+      rootContext.dataRef.current.floatingContext = context2;
       const node = tree == null ? void 0 : tree.nodesRef.current.find((node2) => node2.id === nodeId);
       if (node) {
         node.context = context2;
@@ -41189,6 +41235,8 @@ var __privateWrapper = (obj, member, setter, getter) => ({
           handlersMap[_this._uid] = function(event) {
             if (_this.componentNode === null)
               return;
+            if (_this.initTimeStamp > event.timeStamp)
+              return;
             if (_this.props.preventDefault) {
               event.preventDefault();
             }
@@ -41225,6 +41273,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
           return _this.instanceRef = ref;
         };
         _this._uid = uid();
+        _this.initTimeStamp = performance.now();
         return _this;
       }
       var _proto = onClickOutside.prototype;
@@ -43293,12 +43342,12 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     const setMenuRef = menuProps.ref;
     const setFloatingRef = refs.setFloating;
     const { dropdownRef } = props;
-    const mergedRefs = React__namespace.useCallback((node) => {
+    const mergedDropdownRef = React__namespace.useCallback((node) => {
       setFloatingRef(node);
       setMenuRef(node);
       dropdownRef === null || dropdownRef === void 0 ? void 0 : dropdownRef(node);
     }, [setFloatingRef, setMenuRef, dropdownRef]);
-    return jsxRuntime.exports.jsx(Tooltip, { content: props.errorMsg, disabled: !props.errorMsg, styling: "error", children: jsxRuntime.exports.jsxs(Wrapper$5, { className: props.className, isDisabled: props.disabled, isErrored: !!props.errorMsg, onClick: props.onClick, style: props.style, children: [jsxRuntime.exports.jsxs(SelectButtonPrimary, Object.assign({ disabled: props.disabled }, getToggleButtonProps({ disabled: props.disabled }), { ref: refs.setReference }, getReferenceProps(), { type: "button", children: [jsxRuntime.exports.jsx(SelectedItem$1, { size: props.size, children: selectedItem ? selectedItem.label : "Select" }), jsxRuntime.exports.jsx(Chevron$2, { disabled: props.disabled, isOpen })] })), ReactDOM__default.default.createPortal(jsxRuntime.exports.jsx(DropdownList$1, Object.assign({}, menuProps, getFloatingProps(), { ref: mergedRefs, className: `${(_a = menuProps === null || menuProps === void 0 ? void 0 : menuProps.className) !== null && _a !== void 0 ? _a : ""} ${props.itemClass}`, displacement: props.displacement, isOpen, maxItems: 7, style: Object.assign(Object.assign({}, floatingStyles), { width: "16.25rem", zIndex: 9999 }), children: props.items.map((item, index2) => {
+    return jsxRuntime.exports.jsx(Tooltip, { content: props.errorMsg, disabled: !props.errorMsg, styling: "error", children: jsxRuntime.exports.jsxs(Wrapper$5, { className: props.className, isDisabled: props.disabled, isErrored: !!props.errorMsg, onClick: props.onClick, style: props.style, children: [jsxRuntime.exports.jsxs(SelectButtonPrimary, Object.assign({ disabled: props.disabled }, getToggleButtonProps({ disabled: props.disabled, ref: refs.setReference }), getReferenceProps(), { type: "button", children: [jsxRuntime.exports.jsx(SelectedItem$1, { size: props.size, children: selectedItem ? selectedItem.label : "Select" }), jsxRuntime.exports.jsx(Chevron$2, { disabled: props.disabled, isOpen })] })), ReactDOM__default.default.createPortal(jsxRuntime.exports.jsx(DropdownList$1, Object.assign({}, menuProps, getFloatingProps(), { ref: mergedDropdownRef, className: `${(_a = menuProps === null || menuProps === void 0 ? void 0 : menuProps.className) !== null && _a !== void 0 ? _a : ""} ${props.itemClass}`, displacement: props.displacement, isOpen, maxItems: 7, style: Object.assign(Object.assign({}, floatingStyles), { width: "16.25rem", zIndex: 9999 }), children: props.items.map((item, index2) => {
       const _a2 = getItemProps({ index: index2, item }), { itemClassName } = _a2, itemProps = __rest$3(_a2, ["itemClassName"]);
       return React.createElement(DatepickerListItem, Object.assign({}, itemProps, { "aria-selected": selectedItem.label === item.label, className: `${itemClassName} ${props.itemClass}`, hovered: index2 === highlightedIndex, isSelected: selectedItem.label === item.label, key: `item-${index2}`, size: props.size, title: item.label }), item.label);
     }) })), document.body)] }) });
@@ -45220,12 +45269,12 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     const setMenuRef = menuProps.ref;
     const setFloatingRef = refs.setFloating;
     const { dropdownRef } = props;
-    const mergedRefs = React__namespace.useCallback((node) => {
+    const mergedDropdownRef = React__namespace.useCallback((node) => {
       setFloatingRef(node);
       setMenuRef(node);
       dropdownRef === null || dropdownRef === void 0 ? void 0 : dropdownRef(node);
     }, [setFloatingRef, setMenuRef, dropdownRef]);
-    return jsxRuntime.exports.jsx(Tooltip, { content: props.errorMsg, disabled: !props.errorMsg, styling: "error", children: jsxRuntime.exports.jsxs(Wrapper$4, { className: props.className, isDisabled: props.disabled, isErrored: !!props.errorMsg, isOpen, onClick: props.onClick, style: props.style, children: [jsxRuntime.exports.jsxs(SelectButton, Object.assign({ disabled: props.disabled, isOpen }, getToggleButtonProps({ disabled: props.disabled }), { ref: refs.setReference }, getReferenceProps(), { type: "button", children: [jsxRuntime.exports.jsx(SelectedItem, { size: props.size, children: (_b = (_a = selectedItem === null ? props.placeholder : selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.label) !== null && _a !== void 0 ? _a : props.placeholder) !== null && _b !== void 0 ? _b : "Select" }), jsxRuntime.exports.jsx(Chevron$2, { disabled: props.disabled, isOpen })] })), ReactDOM__default.default.createPortal(jsxRuntime.exports.jsx(DropdownList, Object.assign({}, menuProps, getFloatingProps(), { ref: mergedRefs, className: `${(_c = menuProps === null || menuProps === void 0 ? void 0 : menuProps.className) !== null && _c !== void 0 ? _c : ""} ${props.itemClass}`, isOpen, maxItems: props.maxItems, style: Object.assign(Object.assign({}, floatingStyles), { zIndex: 9999 }), children: props.items.map((item, index2) => {
+    return jsxRuntime.exports.jsx(Tooltip, { content: props.errorMsg, disabled: !props.errorMsg, styling: "error", children: jsxRuntime.exports.jsxs(Wrapper$4, { className: props.className, isDisabled: props.disabled, isErrored: !!props.errorMsg, isOpen, onClick: props.onClick, style: props.style, children: [jsxRuntime.exports.jsxs(SelectButton, Object.assign({ disabled: props.disabled, isOpen }, getToggleButtonProps({ disabled: props.disabled, ref: refs.setReference }), getReferenceProps(), { type: "button", children: [jsxRuntime.exports.jsx(SelectedItem, { size: props.size, children: (_b = (_a = selectedItem === null ? props.placeholder : selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.label) !== null && _a !== void 0 ? _a : props.placeholder) !== null && _b !== void 0 ? _b : "Select" }), jsxRuntime.exports.jsx(Chevron$2, { disabled: props.disabled, isOpen })] })), ReactDOM__default.default.createPortal(jsxRuntime.exports.jsx(DropdownList, Object.assign({}, menuProps, getFloatingProps(), { ref: mergedDropdownRef, className: `${(_c = menuProps === null || menuProps === void 0 ? void 0 : menuProps.className) !== null && _c !== void 0 ? _c : ""} ${props.itemClass}`, isOpen, maxItems: props.maxItems, style: Object.assign(Object.assign({}, floatingStyles), { zIndex: 9999 }), children: props.items.map((item, index2) => {
       const _a2 = getItemProps({ index: index2, item }), { itemClassName } = _a2, itemProps = __rest$2(_a2, ["itemClassName"]);
       return React.createElement(ListItem, Object.assign({}, itemProps, { className: `${itemClassName} ${props.itemClass}`, hovered: index2 === highlightedIndex, key: `item-${index2}`, size: props.size, title: item.label }), item.label);
     }) })), document.body)] }) });
@@ -53340,23 +53389,25 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   const Heading = styled__default.default.h2`
     overflow: hidden;
     display: -webkit-box; /* stylelint-disable-line value-no-vendor-prefix */
-    -webkit-box-orient: vertical;
 
     font-size: 1rem;
     font-weight: 700;
     text-overflow: ellipsis;
 
+    -webkit-box-orient: vertical;
+
     -webkit-line-clamp: 1;
 `;
   const Body = styled__default.default.span`
     overflow: hidden;
     display: -webkit-box; /* stylelint-disable-line value-no-vendor-prefix */
-    -webkit-box-orient: vertical;
 
     font-weight: 400;
     line-height: 1.25rem;
     text-overflow: ellipsis;
 
+    -webkit-box-orient: vertical;
+
     -webkit-line-clamp: ${(props) => props.moreDetailsShown ? 1 : 2};
 `;
   const Icon$1 = styled__default.default.div`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@darajs/core",
-  "version": "1.9.1",
+  "version": "1.9.2",
   "description": "Dara Framework core",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -37,9 +37,9 @@
     "@babel/preset-env": "^7.23.0",
     "@babel/preset-react": "^7.22.15",
     "@babel/preset-typescript": "^7.23.0",
-    "@darajs/eslint-config": "~1.9.2",
-    "@darajs/prettier-config": "~1.9.2",
-    "@darajs/stylelint-config": "~1.9.2",
+    "@darajs/eslint-config": "~1.9.4",
+    "@darajs/prettier-config": "~1.9.4",
+    "@darajs/stylelint-config": "~1.9.4",
     "@rollup/plugin-inject": "^4.0.4",
     "@testing-library/dom": "^9.3.0",
     "@testing-library/jest-dom": "^5.16.5",
@@ -79,10 +79,10 @@
     "whatwg-fetch": "^3.6.2"
   },
   "dependencies": {
-    "@darajs/styled-components": "~1.9.2",
-    "@darajs/ui-components": "~1.9.2",
-    "@darajs/ui-notifications": "~1.9.2",
-    "@darajs/ui-utils": "~1.9.2",
+    "@darajs/styled-components": "~1.9.4",
+    "@darajs/ui-components": "~1.9.4",
+    "@darajs/ui-notifications": "~1.9.4",
+    "@darajs/ui-utils": "~1.9.4",
     "@fortawesome/fontawesome-free": "~6.4.0",
     "@recoiljs/refine": "^0.1.1",
     "@tanstack/query-core": "^4.0.0",
@@ -118,5 +118,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "68ee85e4b260429d37c2ffdef9eaabc624d03ab1"
+  "gitHead": "1292fb6a764c0c3e3f0f920042fc1ebd1120f34c"
 }