@deque/cauldron-react 7.1.0-canary.e2c7e4c9 → 7.1.0-canary.e47d2a2d

package/lib/components/Icon/types.d.ts

@@ -2,6 +2,6 @@
  * GENERATED CODE. DO NOT EDIT DIRECTLY!
  */
 /** IconType represents each valid icon type. */
-export type IconType = 'add-user' | 'arrow-circle-up' | 'arrow-circle-down' | 'arrow-circle-left' | 'arrow-circle-right' | 'arrow-up' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrows-alt' | 'bolt' | 'broken-image' | 'caution' | 'check-circle' | 'check-shield' | 'check-solid' | 'check' | 'checkbox-checked' | 'checkbox-unchecked' | 'chevron-double-up' | 'chevron-double-down' | 'chevron-double-left' | 'chevron-double-right' | 'chevron-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'clipboard' | 'clock' | 'close' | 'code' | 'copy' | 'download' | 'dropper' | 'exchange' | 'export-solid' | 'external-link' | 'eye' | 'filter' | 'flag' | 'gears' | 'github' | 'grid' | 'hamburger-menu' | 'hashtag' | 'highlight' | 'images' | 'info-circle-alt' | 'info-circle' | 'info-square' | 'kabob' | 'link' | 'linkedin' | 'list' | 'lock' | 'magnifying-glass' | 'menu' | 'minus' | 'new-releases' | 'new' | 'no' | 'pause' | 'pencil' | 'person-running' | 'play' | 'plus' | 'question-circle-alt' | 'question-circle' | 'radio-checked' | 'radio-unchecked' | 'recycle-square' | 'recycle' | 'resend' | 'robot' | 'run-again' | 'save' | 'share-nodes' | 'share' | 'sort-triangle' | 'sort' | 'star' | 'step-back' | 'step-forward' | 'sun' | 'table-sort-ascending' | 'table-sort-descending' | 'tag' | 'target' | 'trash' | 'triangle-up' | 'triangle-down' | 'triangle-left' | 'triangle-right' | 'twitter' | 'upload' | 'filter-solid';
+export type IconType = 'add-user' | 'arrow-circle-up' | 'arrow-circle-down' | 'arrow-circle-left' | 'arrow-circle-right' | 'arrow-up' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrows-alt' | 'bolt' | 'broken-image' | 'caution' | 'check-circle' | 'check-shield' | 'check-solid' | 'check' | 'checkbox-checked' | 'checkbox-unchecked' | 'chevron-double-up' | 'chevron-double-down' | 'chevron-double-left' | 'chevron-double-right' | 'chevron-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'clipboard' | 'clock' | 'close' | 'code' | 'copy' | 'download' | 'dropper' | 'exchange' | 'export-solid' | 'external-link' | 'eye' | 'filter' | 'flag' | 'gears' | 'github' | 'grid' | 'hamburger-menu' | 'hashtag' | 'highlight' | 'images' | 'info-circle-alt' | 'info-circle' | 'info-square' | 'kabob' | 'link' | 'linkedin' | 'list' | 'lock' | 'magnifying-glass' | 'menu' | 'minus' | 'new-releases' | 'new' | 'no' | 'pause' | 'pencil' | 'person-running' | 'play' | 'plus' | 'question-circle-alt' | 'question-circle' | 'radio-checked' | 'radio-unchecked' | 'recycle-square' | 'recycle' | 'resend' | 'robot' | 'run-again' | 'save' | 'share-nodes' | 'share' | 'sort-triangle' | 'sort' | 'star-outline' | 'star' | 'step-back' | 'step-forward' | 'sun' | 'table-sort-ascending' | 'table-sort-descending' | 'tag' | 'target' | 'trash' | 'triangle-up' | 'triangle-down' | 'triangle-left' | 'triangle-right' | 'twitter' | 'upload' | 'filter-solid';
 /** iconTypes holds each valid icon type. */
 export declare const iconTypes: string[];

package/lib/components/MenuItem/index.d.ts

@@ -1,17 +1,12 @@
 import React, { Component } from 'react';
 interface MenuItemProps extends React.HTMLAttributes<HTMLLIElement> {
     children: React.ReactNode;
-    menuItemRef: React.Ref<HTMLLIElement>;
-    onClick: (e: React.MouseEvent<HTMLLIElement>) => void;
-    onKeyDown: (e: React.KeyboardEvent<HTMLLIElement>) => void;
+    menuItemRef?: React.Ref<HTMLLIElement>;
     autoClickLink?: boolean;
 }
 export default class MenuItem extends Component<MenuItemProps> {
     static displayName: string;
     static defaultProps: {
-        menuItemRef: () => void;
-        onClick: () => void;
-        onKeyDown: () => void;
         autoClickLink: boolean;
     };
     private item;

package/lib/components/TreeView/helpers.d.ts

@@ -0,0 +1,33 @@
+import { type Key, type Selection } from 'react-aria-components';
+import { TreeViewNode } from './types';
+/** Every node id in the tree, flattened depth-first. */
+export declare function collectAllKeys(nodes: TreeViewNode[]): Key[];
+/** Normalize react-aria's `Selection` ("all" | Set) into a concrete Set of keys. */
+export declare function toKeySet(selection: Selection, nodes: TreeViewNode[]): Set<Key>;
+/** Locate a node anywhere in the tree by its id. */
+export declare function findNode(nodes: TreeViewNode[], key: Key): TreeViewNode | undefined;
+/** All descendant ids of a node (not including the node itself). */
+export declare function collectDescendantKeys(node: TreeViewNode): Key[];
+/** Ids of all disabled nodes (rendered disabled / non-selectable). */
+export declare function collectDisabledKeys(nodes: TreeViewNode[]): Key[];
+interface CascadeOptions {
+    cascadeSelect: boolean;
+    cascadeDeselect: boolean;
+}
+/**
+ * Toggle a single node, applying cascade per the options (multiple mode only):
+ * - selecting + `cascadeSelect`: also selects all (non-disabled) descendants.
+ * - deselecting + `cascadeDeselect`: also deselects all descendants.
+ *
+ * In `single` mode only the clicked node is selected (clicking it again clears
+ * it); cascade does not apply.
+ */
+export declare function toggleSelection(nodes: TreeViewNode[], previous: Set<Key>, key: Key, selectionMode: 'single' | 'multiple', { cascadeSelect, cascadeDeselect }: CascadeOptions): Set<Key>;
+/**
+ * Apply react-aria's proposed selection while enforcing cascade. Each key
+ * react-aria added cascades to its descendants when `cascadeSelect` is set; each
+ * key it removed cascades when `cascadeDeselect` is set. In non-multiple modes
+ * (or with both toggles off) the proposed selection is used as-is.
+ */
+export declare function applyCascade(nodes: TreeViewNode[], previous: Set<Key>, next: Set<Key>, selectionMode: 'none' | 'single' | 'multiple', { cascadeSelect, cascadeDeselect }: CascadeOptions): Set<Key>;
+export {};

package/lib/components/TreeView/index.d.ts

@@ -6,6 +6,12 @@ type TreeViewProps = Cauldron.LabelProps & {
     items: TreeViewNode[];
     onAction?: (key: string) => void;
     selectionMode?: 'none' | 'single' | 'multiple';
+    /** When true (multiple selection only), selecting a parent also selects all
+     *  of its (non-disabled) descendants. */
+    cascadeSelect?: boolean;
+    /** When true (multiple selection only), deselecting a parent also deselects
+     *  all of its descendants. */
+    cascadeDeselect?: boolean;
     defaultExpandedKeys?: string[];
     className?: string;
 };

package/lib/components/TreeView/types.d.ts

@@ -1,5 +1,8 @@
 export interface TreeViewNode {
     id: string;
     textValue: string;
+    /** When true, the node is rendered disabled and cannot be selected. Disabled
+     *  nodes are skipped by cascading selection. */
+    disabled?: boolean;
     children?: TreeViewNode[];
 }

package/lib/index.js

@@ -185,6 +185,7 @@ var iconTypes = [
     'share',
     'sort-triangle',
     'sort',
+    'star-outline',
     'star',
     'step-back',
     'step-forward',
@@ -273,6 +274,7 @@ function __variableDynamicImportRuntime0__(path) {
     case './icons/share.svg': return Promise.resolve().then(function () { return require('./share.js'); });
     case './icons/sort-triangle.svg': return Promise.resolve().then(function () { return require('./sort-triangle.js'); });
     case './icons/sort.svg': return Promise.resolve().then(function () { return require('./sort.js'); });
+    case './icons/star-outline.svg': return Promise.resolve().then(function () { return require('./star-outline.js'); });
     case './icons/star.svg': return Promise.resolve().then(function () { return require('./star.js'); });
     case './icons/step-back.svg': return Promise.resolve().then(function () { return require('./step-back.js'); });
     case './icons/step-forward.svg': return Promise.resolve().then(function () { return require('./step-forward.js'); });
@@ -623,16 +625,16 @@ var MenuItem = /** @class */ (function (_super) {
         if (autoClickLink) {
             clickLink(e.target, this.item);
         }
-        onClick(e);
+        onClick === null || onClick === void 0 ? void 0 : onClick(e);
     };
     MenuItem.prototype.onKeyDown = function (e) {
-        var _a;
+        var _a, _b, _c;
         var key = keyname__default["default"](e.which);
         if (key === 'enter' || key === 'space') {
             e.preventDefault();
             (_a = this.item) === null || _a === void 0 ? void 0 : _a.click();
         }
-        this.props.onKeyDown(e);
+        (_c = (_b = this.props).onKeyDown) === null || _c === void 0 ? void 0 : _c.call(_b, e);
     };
     MenuItem.prototype.render = function () {
         var _this = this;
@@ -645,12 +647,6 @@ var MenuItem = /** @class */ (function (_super) {
     };
     MenuItem.displayName = 'MenuItem';
     MenuItem.defaultProps = {
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        menuItemRef: function () { },
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        onClick: function () { },
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        onKeyDown: function () { },
         autoClickLink: true
     };
     return MenuItem;
@@ -2218,7 +2214,7 @@ var typeMap = {
 };
 var tabIndexHandler = function (reset, toast) {
     if (reset) {
-        // restore tab indicies that we clobbered
+        // restore tab indices that we clobbered
         return queryAll('[data-cached-tabindex]').forEach(function (el) {
             el.tabIndex = Number(el.getAttribute('data-cached-tabindex'));
         });
@@ -3634,7 +3630,7 @@ var TwoColumnPanel = React.forwardRef(function (_a, ref) {
             (_a = columnLeftRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('transitionend', handleTransitionEnd);
         };
     }, [columnLeftRef.current, isCollapsed]);
-    // When the collapsable panel starts to overlay content, it needs to become a focus trap and collapsed by default
+    // When the collapsible panel starts to overlay content, it needs to become a focus trap and collapsed by default
     React.useLayoutEffect(function () {
         var mediaQueryList = matchMedia(collapsedMediaQuery);
         var handleMatch = function (matches) {
@@ -5438,49 +5434,181 @@ var TreeViewItem = function (_a) {
     var checkboxId = React.useMemo(function () { return nextId__default["default"]('tree-view-item-'); }, []);
     return (React__default["default"].createElement(reactAriaComponents.TreeItem, { id: id, textValue: textValue, className: "TreeView__item" },
         React__default["default"].createElement(reactAriaComponents.TreeItemContent, null, function (_a) {
-            var selectionMode = _a.selectionMode, isSelected = _a.isSelected;
+            var selectionMode = _a.selectionMode, isSelected = _a.isSelected, isDisabled = _a.isDisabled;
             return (React__default["default"].createElement(React__default["default"].Fragment, null,
                 React__default["default"].createElement(reactAriaComponents.Button, { slot: "chevron", className: "TreeView__chevron" },
                     React__default["default"].createElement(Icon, { type: "chevron-right" })),
-                selectionMode !== 'none' ? (React__default["default"].createElement(Checkbox, { id: checkboxId, label: textValue, checked: isSelected, controlled: true, tabIndex: -1 })) : (React__default["default"].createElement(React__default["default"].Fragment, null, textValue))));
+                selectionMode !== 'none' ? (React__default["default"].createElement(Checkbox, { id: checkboxId, label: textValue, checked: isSelected, disabled: isDisabled, controlled: true, tabIndex: -1 })) : (React__default["default"].createElement(React__default["default"].Fragment, null, textValue))));
         }),
         children && children.length > 0 && (React__default["default"].createElement(reactAriaComponents.Collection, null, children.map(function (child) { return (React__default["default"].createElement(TreeViewItem, tslib.__assign({ key: child.id }, child))); })))));
 };
 TreeViewItem.displayName = 'TreeViewItem';
 
+/** Every node id in the tree, flattened depth-first. */
 function collectAllKeys(nodes) {
     return nodes.flatMap(function (node) { return tslib.__spreadArray([
         node.id
     ], tslib.__read((node.children ? collectAllKeys(node.children) : [])), false); });
 }
-var TreeView = React.forwardRef(function (_a, ref) {
-    var items = _a.items, onAction = _a.onAction, _b = _a.selectionMode, selectionMode = _b === void 0 ? 'none' : _b, defaultExpandedKeys = _a.defaultExpandedKeys, className = _a.className, other = tslib.__rest(_a, ["items", "onAction", "selectionMode", "defaultExpandedKeys", "className"]);
-    var _c = tslib.__read(React.useState(new Set()), 2), selectedKeys = _c[0], setSelectedKeys = _c[1];
-    var handleAction = function (key) {
-        setSelectedKeys(function (prev) {
-            var prevSet = prev === 'all' ? new Set(collectAllKeys(items)) : new Set(prev);
-            var next = new Set(prevSet);
-            if (next.has(key)) {
-                next.delete(key);
+/** Normalize react-aria's `Selection` ("all" | Set) into a concrete Set of keys. */
+function toKeySet(selection, nodes) {
+    if (selection !== 'all') {
+        return new Set(selection);
+    }
+    // "Select all" only includes selectable (non-disabled) nodes.
+    var disabled = new Set(collectDisabledKeys(nodes));
+    return new Set(collectAllKeys(nodes).filter(function (key) { return !disabled.has(key); }));
+}
+/** Locate a node anywhere in the tree by its id. */
+function findNode(nodes, key) {
+    var e_1, _a;
+    try {
+        for (var nodes_1 = tslib.__values(nodes), nodes_1_1 = nodes_1.next(); !nodes_1_1.done; nodes_1_1 = nodes_1.next()) {
+            var node = nodes_1_1.value;
+            if (node.id === key) {
+                return node;
             }
-            else {
-                if (selectionMode === 'single') {
-                    next.clear();
+            if (node.children) {
+                var found = findNode(node.children, key);
+                if (found) {
+                    return found;
                 }
-                next.add(key);
             }
-            return next;
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (nodes_1_1 && !nodes_1_1.done && (_a = nodes_1.return)) _a.call(nodes_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    return undefined;
+}
+/** All descendant ids of a node (not including the node itself). */
+function collectDescendantKeys(node) {
+    if (!node.children) {
+        return [];
+    }
+    return node.children.flatMap(function (child) { return tslib.__spreadArray([
+        child.id
+    ], tslib.__read(collectDescendantKeys(child)), false); });
+}
+/** Ids of all disabled nodes (rendered disabled / non-selectable). */
+function collectDisabledKeys(nodes) {
+    return nodes.flatMap(function (node) { return tslib.__spreadArray(tslib.__spreadArray([], tslib.__read((node.disabled ? [node.id] : [])), false), tslib.__read((node.children ? collectDisabledKeys(node.children) : [])), false); });
+}
+/**
+ * Toggle a single node, applying cascade per the options (multiple mode only):
+ * - selecting + `cascadeSelect`: also selects all (non-disabled) descendants.
+ * - deselecting + `cascadeDeselect`: also deselects all descendants.
+ *
+ * In `single` mode only the clicked node is selected (clicking it again clears
+ * it); cascade does not apply.
+ */
+function toggleSelection(nodes, previous, key, selectionMode, _a) {
+    var cascadeSelect = _a.cascadeSelect, cascadeDeselect = _a.cascadeDeselect;
+    if (selectionMode === 'single') {
+        var result_1 = new Set();
+        if (!previous.has(key)) {
+            result_1.add(key);
+        }
+        return result_1;
+    }
+    var result = new Set(previous);
+    var node = findNode(nodes, key);
+    var descendants = node ? collectDescendantKeys(node) : [];
+    var disabled = new Set(collectDisabledKeys(nodes));
+    if (!previous.has(key)) {
+        result.add(key);
+        if (cascadeSelect) {
+            descendants.forEach(function (k) {
+                if (!disabled.has(k)) {
+                    result.add(k);
+                }
+            });
+        }
+    }
+    else {
+        result.delete(key);
+        if (cascadeDeselect) {
+            descendants.forEach(function (k) { return result.delete(k); });
+        }
+    }
+    return result;
+}
+/**
+ * Apply react-aria's proposed selection while enforcing cascade. Each key
+ * react-aria added cascades to its descendants when `cascadeSelect` is set; each
+ * key it removed cascades when `cascadeDeselect` is set. In non-multiple modes
+ * (or with both toggles off) the proposed selection is used as-is.
+ */
+function applyCascade(nodes, previous, next, selectionMode, _a) {
+    var cascadeSelect = _a.cascadeSelect, cascadeDeselect = _a.cascadeDeselect;
+    if (selectionMode !== 'multiple' || (!cascadeSelect && !cascadeDeselect)) {
+        return next;
+    }
+    var result = new Set(previous);
+    var added = tslib.__spreadArray([], tslib.__read(next), false).filter(function (key) { return !previous.has(key); });
+    var removed = tslib.__spreadArray([], tslib.__read(previous), false).filter(function (key) { return !next.has(key); });
+    var disabled = new Set(collectDisabledKeys(nodes));
+    added.forEach(function (key) {
+        result.add(key);
+        if (cascadeSelect) {
+            var node = findNode(nodes, key);
+            (node ? collectDescendantKeys(node) : []).forEach(function (k) {
+                if (!disabled.has(k)) {
+                    result.add(k);
+                }
+            });
+        }
+    });
+    removed.forEach(function (key) {
+        result.delete(key);
+        if (cascadeDeselect) {
+            var node = findNode(nodes, key);
+            (node ? collectDescendantKeys(node) : []).forEach(function (k) {
+                return result.delete(k);
+            });
+        }
+    });
+    return result;
+}
+
+var TreeView = React.forwardRef(function (_a, ref) {
+    var items = _a.items, onAction = _a.onAction, _b = _a.selectionMode, selectionMode = _b === void 0 ? 'none' : _b, _c = _a.cascadeSelect, cascadeSelect = _c === void 0 ? false : _c, _d = _a.cascadeDeselect, cascadeDeselect = _d === void 0 ? false : _d, defaultExpandedKeys = _a.defaultExpandedKeys, className = _a.className, other = tslib.__rest(_a, ["items", "onAction", "selectionMode", "cascadeSelect", "cascadeDeselect", "defaultExpandedKeys", "className"]);
+    var _e = tslib.__read(React.useState(new Set()), 2), selectedKeys = _e[0], setSelectedKeys = _e[1];
+    var cascade = { cascadeSelect: cascadeSelect, cascadeDeselect: cascadeDeselect };
+    // Cascade only applies to multiple selection.
+    var isCascade = selectionMode === 'multiple' && (cascadeSelect || cascadeDeselect);
+    // Selection driven by react-aria (row/checkbox press, keyboard). When
+    // cascading, reconcile the proposed change; otherwise store react-aria's
+    // selection as-is so the `'all'` sentinel (Ctrl+A) is preserved.
+    var handleSelectionChange = function (selection) {
+        setSelectedKeys(function (prev) {
+            return isCascade
+                ? applyCascade(items, toKeySet(prev, items), toKeySet(selection, items), selectionMode, cascade)
+                : selection;
         });
-        onAction === null || onAction === void 0 ? void 0 : onAction(key);
     };
-    var actionProps = onAction
-        ? {
-            onAction: handleAction,
-            selectedKeys: selectedKeys,
-            onSelectionChange: setSelectedKeys
+    // When `onAction` is set, react-aria treats a row press as an action rather
+    // than a selection, so we toggle selection here ourselves.
+    var handleAction = function (key) {
+        if (selectionMode !== 'none') {
+            setSelectedKeys(function (prev) {
+                return toggleSelection(items, toKeySet(prev, items), key, selectionMode, cascade);
+            });
         }
+        onAction === null || onAction === void 0 ? void 0 : onAction(key);
+    };
+    // Disabled nodes are non-selectable; react-aria disables them via disabledKeys.
+    var disabledKeys = React.useMemo(function () { return collectDisabledKeys(items); }, [items]);
+    // Cascade requires controlling selection. Without it, preserve the original
+    // behavior: selection is only controlled when an `onAction` handler is set.
+    var selectionProps = selectionMode !== 'none' && (isCascade || onAction)
+        ? { selectedKeys: selectedKeys, onSelectionChange: handleSelectionChange }
         : {};
-    return (React__default["default"].createElement(reactAriaComponents.Tree, tslib.__assign({ ref: ref, className: classNames__default["default"]('TreeView', className), selectionMode: selectionMode, defaultExpandedKeys: defaultExpandedKeys }, actionProps, other), items.map(function (item) { return (React__default["default"].createElement(TreeViewItem, tslib.__assign({ key: item.id }, item))); })));
+    return (React__default["default"].createElement(reactAriaComponents.Tree, tslib.__assign({ ref: ref, className: classNames__default["default"]('TreeView', className), selectionMode: selectionMode, defaultExpandedKeys: defaultExpandedKeys }, (disabledKeys.length > 0 ? { disabledKeys: disabledKeys } : {}), (onAction ? { onAction: handleAction } : {}), selectionProps, other), items.map(function (item) { return (React__default["default"].createElement(TreeViewItem, tslib.__assign({ key: item.id }, item))); })));
 });
 TreeView.displayName = 'TreeView';
 

package/lib/star-outline.js

@@ -0,0 +1,36 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n["default"] = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const SvgStarOutline = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
+  fill: "currentColor",
+  viewBox: "0 -960 960 960",
+  height: 24,
+  width: 24
+}, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+  d: "m354-287 126-76 126 77-33-144 111-96-146-13-58-136-58 135-146 13 111 97zM233-120l65-281L80-590l288-25 112-265 112 265 288 25-218 189 65 281-247-149zm247-350"
+})));
+
+exports["default"] = SvgStarOutline;

package/lib/star.js

@@ -25,15 +25,12 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var _path;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const SvgStar = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
-  overflow: "visible",
-  preserveAspectRatio: "none",
-  viewBox: "0 0 24 24",
+  fill: "currentColor",
+  viewBox: "0 -960 960 960",
   height: 24,
   width: 24
 }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
-  d: "M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z",
-  vectorEffect: "non-scaling-stroke",
-  fill: "currentColor"
+  d: "m233-120 65-281L80-590l288-25 112-265 112 265 288 25-218 189 65 281-247-149z"
 })));
 
 exports["default"] = SvgStar;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "7.1.0-canary.e2c7e4c9",
+  "version": "7.1.0-canary.e47d2a2d",
   "license": "MPL-2.0",
   "description": "Fully accessible react components library for Deque Cauldron",
   "homepage": "https://cauldron.dequelabs.com/",
@@ -47,17 +47,18 @@
     "@types/react-dom": "^19.0.0",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@types/sinon": "^10",
-    "autoprefixer": "^9.7.6",
+    "autoprefixer": "^10.5.0",
     "babel-plugin-module-resolver": "^5.0.3",
     "babel-plugin-transform-export-extensions": "^6.22.0",
     "concurrently": "^5.3.0",
     "jest": "^29.7.0",
-    "jest-axe": "^8.0.0",
+    "jest-axe": "^10.0.0",
     "jest-environment-jsdom": "^29.7.0",
     "nyc": "^15.0.1",
-    "postcss-cli": "^7.1.1",
-    "postcss-import": "^12.0.1",
-    "postcss-loader": "^3.0.0",
+    "postcss": "^8.5.15",
+    "postcss-cli": "^11.0.1",
+    "postcss-import": "^16.1.1",
+    "postcss-loader": "^8.2.1",
     "prop-types": "^15.8.1",
     "react": "^19",
     "react-dom": "^19",