@uniformdev/design-system 19.179.2-alpha.22 → 19.179.2-alpha.27

package/dist/esm/index.js

@@ -12234,6 +12234,7 @@ var UniformLogoLarge = ({ ...props }) => {
 
 // src/components/ButtonWithMenu/ButtonWithMenu.tsx
 import { CgChevronDown as CgChevronDown3 } from "@react-icons/all-files/cg/CgChevronDown";
+import * as React13 from "react";
 
 // src/components/Menu/DropdownStyleMenuTrigger.tsx
 import { css as css24 } from "@emotion/react";
@@ -14059,6 +14060,7 @@ var ButtonWithMenu = ({
 }) => {
   const onButtonClickHandler = onButtonClick != null ? onButtonClick : shortcut == null ? void 0 : shortcut.handler;
   const disabledValue = disabled2 != null ? disabled2 : shortcut == null ? void 0 : shortcut.disabled;
+  const menuRef = React13.useRef(null);
   if (typeof withoutPortal !== "undefined" && typeof portal === "undefined") {
     portal = !withoutPortal;
   }
@@ -14102,6 +14104,7 @@ var ButtonWithMenu = ({
           disabledValue ? menuButton2 : /* @__PURE__ */ jsx51(
             Menu,
             {
+              ref: menuRef,
               menuLabel: "buttonMenu",
               placement,
               menuTrigger: menuButton2,
@@ -14385,7 +14388,7 @@ var Heading2 = ({
 
 // src/components/Typography/Link.tsx
 import { CgExternal } from "@react-icons/all-files/cg/CgExternal";
-import * as React13 from "react";
+import * as React14 from "react";
 
 // src/components/Typography/styles/Link.styles.ts
 import { css as css41 } from "@emotion/react";
@@ -14410,7 +14413,7 @@ var linkColorCurrent = css41`
 
 // src/components/Typography/Link.tsx
 import { jsx as jsx54, jsxs as jsxs33 } from "@emotion/react/jsx-runtime";
-var Link = React13.forwardRef(
+var Link = React14.forwardRef(
   ({ external, text, linkColor = "default", children, ...props }, ref) => {
     const textColor = {
       currentColor: linkColorCurrent,
@@ -14428,7 +14431,7 @@ var Link = React13.forwardRef(
     ] });
   }
 );
-var LinkWithRef = React13.forwardRef(({ linkManagerComponent: LinkManager, href, as, onClick, ...props }, ref) => /* @__PURE__ */ jsx54(LinkManager, { ...props, as, href, ref, passHref: true, legacyBehavior: true, children: /* @__PURE__ */ jsx54(Link, { ...props, onClick }) }));
+var LinkWithRef = React14.forwardRef(({ linkManagerComponent: LinkManager, href, as, onClick, ...props }, ref) => /* @__PURE__ */ jsx54(LinkManager, { ...props, as, href, ref, passHref: true, legacyBehavior: true, children: /* @__PURE__ */ jsx54(Link, { ...props, onClick }) }));
 
 // src/components/Typography/styles/Paragraph.styles.ts
 import { css as css42 } from "@emotion/react";
@@ -15775,7 +15778,7 @@ var DateTimePicker = ({
 // src/components/DescriptionList/DescriptionList.tsx
 import { TbCheck } from "@react-icons/all-files/tb/TbCheck";
 import { TbMinus } from "@react-icons/all-files/tb/TbMinus";
-import React14 from "react";
+import React15 from "react";
 
 // src/components/DescriptionList/DescriptionList.styles.ts
 import { css as css54 } from "@emotion/react";
@@ -15802,7 +15805,7 @@ var descriptionListValueStyles = css54`
 
 // src/components/DescriptionList/DescriptionList.tsx
 import { jsx as jsx67, jsxs as jsxs42 } from "@emotion/react/jsx-runtime";
-var DescriptionList = React14.forwardRef(
+var DescriptionList = React15.forwardRef(
   ({ items, variant = "horizontal", ...listProps }, ref) => {
     if (!(items == null ? void 0 : items.length)) {
       return null;
@@ -15813,7 +15816,7 @@ var DescriptionList = React14.forwardRef(
         ref,
         css: variant === "vertical" ? descriptionListVertical : descriptionListHorizontal,
         ...listProps,
-        children: items == null ? void 0 : items.map(({ label, value }) => /* @__PURE__ */ jsxs42(React14.Fragment, { children: [
+        children: items == null ? void 0 : items.map(({ label, value }) => /* @__PURE__ */ jsxs42(React15.Fragment, { children: [
           /* @__PURE__ */ jsx67("dt", { css: descriptionListLabelStyles, children: label }),
           /* @__PURE__ */ jsx67("dd", { css: descriptionListValueStyles, children: typeof value === "boolean" ? /* @__PURE__ */ jsx67(DescriptionListValueBoolean, { value }) : value })
         ] }, label))
@@ -15829,7 +15832,7 @@ var DescriptionListValueBoolean = ({ value }) => {
 };
 
 // src/components/Details/Details.tsx
-import * as React15 from "react";
+import * as React16 from "react";
 
 // src/components/Details/Details.styles.ts
 import { css as css55 } from "@emotion/react";
@@ -15895,9 +15898,9 @@ var Details = ({
   onChange,
   ...props
 }) => {
-  const detailsRef = React15.useRef(null);
-  const [internalOpen, setInternalOpen] = React15.useState(isOpenByDefault);
-  const memoizedIsOpen = React15.useMemo(() => {
+  const detailsRef = React16.useRef(null);
+  const [internalOpen, setInternalOpen] = React16.useState(isOpenByDefault);
+  const memoizedIsOpen = React16.useMemo(() => {
     return isOpen !== void 0 ? isOpen : internalOpen;
   }, [internalOpen, isOpen]);
   return /* @__PURE__ */ jsxs43(
@@ -15988,7 +15991,7 @@ var DragHandle = forwardRef14(
 
 // src/components/Drawer/Drawer.tsx
 import { CgChevronRight } from "@react-icons/all-files/cg/CgChevronRight";
-import React17, { createContext as createContext4, useContext as useContext5, useEffect as useEffect6, useRef as useRef5, useState as useState9 } from "react";
+import React18, { createContext as createContext4, useContext as useContext5, useEffect as useEffect6, useRef as useRef6, useState as useState9 } from "react";
 import { createPortal } from "react-dom";
 
 // src/components/Drawer/Drawer.styles.ts
@@ -16099,7 +16102,7 @@ var drawerWrapperOverlayStyles = css57`
 `;
 
 // src/components/Drawer/DrawerProvider.tsx
-import { createContext as createContext3, useCallback as useCallback5, useContext as useContext4, useRef as useRef4, useState as useState8 } from "react";
+import { createContext as createContext3, useCallback as useCallback5, useContext as useContext4, useRef as useRef5, useState as useState8 } from "react";
 import { jsx as jsx70 } from "@emotion/react/jsx-runtime";
 var DrawerContext = createContext3({
   providerId: "",
@@ -16118,7 +16121,7 @@ function renderDrawerId(drawer) {
 }
 var DrawerProvider = ({ children }) => {
   const [drawersRegistry, setDrawersRegistry] = useState8([]);
-  const providerId = useRef4(crypto.randomUUID());
+  const providerId = useRef5(crypto.randomUUID());
   const [drawerTakeoverStackId, setDrawerTakeoverStackId] = useState8(void 0);
   useShortcut({
     handler: () => {
@@ -16233,13 +16236,13 @@ var CurrentDrawerContext = createContext4({});
 var useCurrentDrawer = () => {
   return useContext5(CurrentDrawerContext);
 };
-var Drawer = React17.forwardRef(
+var Drawer = React18.forwardRef(
   ({ minWidth, maxWidth, position, leftAligned, ...drawerProps }, ref) => {
     var _a;
     const { stackId: inheritedStackId } = useCurrentDrawer();
     const { drawerTakeoverStackId } = useDrawer();
     const drawerRendererProps = { width: drawerProps.width, minWidth, maxWidth, position, leftAligned };
-    const resolvedStickyStackIdRef = useRef5((_a = drawerTakeoverStackId != null ? drawerTakeoverStackId : drawerProps.stackId) != null ? _a : inheritedStackId);
+    const resolvedStickyStackIdRef = useRef6((_a = drawerTakeoverStackId != null ? drawerTakeoverStackId : drawerProps.stackId) != null ? _a : inheritedStackId);
     return resolvedStickyStackIdRef.current ? /* @__PURE__ */ jsx71(DrawerInner, { ref, ...drawerProps, stackId: resolvedStickyStackIdRef.current }) : /* @__PURE__ */ jsxs44(DrawerProvider, { children: [
       /* @__PURE__ */ jsx71(DrawerInner, { ref, ...drawerProps }),
       /* @__PURE__ */ jsx71(DrawerRenderer, { stackId: defaultSackId, ...drawerRendererProps })
@@ -16260,7 +16263,7 @@ var DrawerInner = ({
   testId = "side-dialog"
 }) => {
   const { registerDrawer, unregisterDrawer, providerId } = useDrawer();
-  const closeButtonRef = useRef5(null);
+  const closeButtonRef = useRef6(null);
   const [rendererElement, setRendererElement] = useState9(null);
   useEffect6(() => {
     registerDrawer({
@@ -17467,15 +17470,15 @@ import {
   verticalListSortingStrategy
 } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
-import { useCallback as useCallback7, useEffect as useEffect12, useMemo as useMemo5, useRef as useRef7, useState as useState12 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect12, useMemo as useMemo5, useRef as useRef8, useState as useState12 } from "react";
 
 // src/utils/useDebouncedCallback.ts
-import { useEffect as useEffect11, useMemo as useMemo4, useRef as useRef6 } from "react";
+import { useEffect as useEffect11, useMemo as useMemo4, useRef as useRef7 } from "react";
 function useDebouncedCallback(callback, deps, delay, maxWait = 0) {
-  const timeout = useRef6();
-  const waitTimeout = useRef6();
-  const cb = useRef6(callback);
-  const lastCall = useRef6();
+  const timeout = useRef7();
+  const waitTimeout = useRef7();
+  const cb = useRef7(callback);
+  const lastCall = useRef7();
   const clear = () => {
     if (timeout.current) {
       clearTimeout(timeout.current);
@@ -17557,8 +17560,8 @@ var KeyValueInput = ({
   onFocusChange
 }) => {
   const [isDragging, setIsDragging] = useState12(false);
-  const popoverStoresMap = useRef7({});
-  const lastRowFirstInputRef = useRef7(null);
+  const popoverStoresMap = useRef8({});
+  const lastRowFirstInputRef = useRef8(null);
   const sensors = useSensors(
     useSensor(PointerSensor),
     useSensor(KeyboardSensor, {
@@ -18143,7 +18146,7 @@ var LoadingIndicator = ({
 };
 
 // src/components/LoadingOverlay/LoadingOverlay.tsx
-import { useCallback as useCallback8, useEffect as useEffect13, useRef as useRef8 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect13, useRef as useRef9 } from "react";
 
 // src/components/LoadingOverlay/LoadingOverlay.styles.ts
 import { css as css77 } from "@emotion/react";
@@ -18189,7 +18192,7 @@ var LoadingOverlay = ({
   isPaused = false,
   children
 }) => {
-  const lottieRef = useRef8(null);
+  const lottieRef = useRef9(null);
   const onLoopComplete = useCallback8(() => {
     var _a, _b, _c;
     if (isPaused && !((_b = (_a = lottieRef.current) == null ? void 0 : _a.animationItem) == null ? void 0 : _b.isPaused)) {
@@ -18476,7 +18479,7 @@ var MediaCard = ({
 // src/components/Modal/Modal.tsx
 import { PortalContext } from "@ariakit/react";
 import { CgClose as CgClose4 } from "@react-icons/all-files/cg/CgClose";
-import React20, { useEffect as useEffect15, useRef as useRef9 } from "react";
+import React21, { useEffect as useEffect15, useRef as useRef10 } from "react";
 
 // src/components/Modal/Modal.styles.ts
 import { css as css79 } from "@emotion/react";
@@ -18565,7 +18568,7 @@ var modalDialogInnerStyles = css79`
 import { jsx as jsx101, jsxs as jsxs67 } from "@emotion/react/jsx-runtime";
 var defaultModalWidth = "75rem";
 var defaultModalHeight = "51rem";
-var Modal = React20.forwardRef(
+var Modal = React21.forwardRef(
   ({
     header: header2,
     children,
@@ -18578,7 +18581,7 @@ var Modal = React20.forwardRef(
     withoutContentBackground = false,
     ...modalProps
   }, ref) => {
-    const dialogRef = useRef9(null);
+    const dialogRef = useRef10(null);
     const size = {
       sm: modalSizeSmall,
       md: modalSizeMedium,
@@ -18895,7 +18898,7 @@ var ObjectGridItemCoverButton = ({
 };
 
 // src/components/Objects/ObjectGridItemHeading.tsx
-import { useEffect as useEffect16, useRef as useRef10, useState as useState13 } from "react";
+import { useEffect as useEffect16, useRef as useRef11, useState as useState13 } from "react";
 
 // src/components/Objects/styles/ObjectGridItemHeading.styles.ts
 import { css as css83 } from "@emotion/react";
@@ -18919,7 +18922,7 @@ var ObjectGridItemHeading2 = ({
   afterHeadingSlot
 }) => {
   const [hasTruncation, setHasTruncation] = useState13(false);
-  const headingRef = useRef10(null);
+  const headingRef = useRef11(null);
   useEffect16(() => {
     const currentHeading = headingRef.current;
     const observer = new ResizeObserver((entries) => {
@@ -20421,7 +20424,7 @@ var getLabelForElement = (type) => {
 // src/components/ParameterInputs/ParameterRichText.tsx
 import { deepEqual as deepEqual2 } from "fast-equals";
 import { ParagraphNode as ParagraphNode2 } from "lexical";
-import { useEffect as useEffect21, useRef as useRef12 } from "react";
+import { useEffect as useEffect21, useRef as useRef13 } from "react";
 
 // src/components/ParameterInputs/rich-text/CustomCodeNode.ts
 import { CodeNode } from "@lexical/code";
@@ -20654,7 +20657,7 @@ import {
   ElementNode as ElementNode2,
   FOCUS_COMMAND
 } from "lexical";
-import { useCallback as useCallback10, useEffect as useEffect18, useRef as useRef11, useState as useState16 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect18, useRef as useRef12, useState as useState16 } from "react";
 
 // src/components/ParameterInputs/rich-text/utils.ts
 import { $isAtNodeEnd } from "@lexical/selection";
@@ -20997,7 +21000,7 @@ function LinkNodePlugin({ onConnectLink, getBoundPath }) {
   };
   const [editor] = useLexicalComposerContext2();
   const [linkPopoverState, setLinkPopoverState] = useState16();
-  const linkPopoverElRef = useRef11(null);
+  const linkPopoverElRef = useRef12(null);
   const [isEditorFocused, setIsEditorFocused] = useState16(false);
   const [isLinkPopoverFocused, setIsLinkPopoverFocused] = useState16(false);
   useEffect18(() => {
@@ -21863,7 +21866,7 @@ var RichText = ({
   variables,
   customControls
 }) => {
-  const editorContainerRef = useRef12(null);
+  const editorContainerRef = useRef13(null);
   const [editor] = useLexicalComposerContext5();
   useEffect21(() => {
     if (onRichTextInit) {
@@ -22188,7 +22191,7 @@ var ProgressListItem = ({
 // src/components/SegmentedControl/SegmentedControl.tsx
 import { css as css103 } from "@emotion/react";
 import { CgCheck as CgCheck5 } from "@react-icons/all-files/cg/CgCheck";
-import { useCallback as useCallback12, useEffect as useEffect22, useMemo as useMemo8, useRef as useRef13, useState as useState18 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect22, useMemo as useMemo8, useRef as useRef14, useState as useState18 } from "react";
 
 // src/components/SegmentedControl/SegmentedControl.styles.ts
 import { css as css102 } from "@emotion/react";
@@ -22379,7 +22382,7 @@ var SegmentedControl = ({
   currentBackgroundColor = "white",
   ...props
 }) => {
-  const wrapperRef = useRef13(null);
+  const wrapperRef = useRef14(null);
   const [isOverflowStartShadowVisible, setIsOverflowStartShadowVisible] = useState18(false);
   const [isOverflowEndShadowVisible, setIsOverflowEndShadowVisible] = useState18(false);
   const onOptionChange = useCallback12(
@@ -22647,7 +22650,7 @@ var Switch = forwardRef25(
 );
 
 // src/components/Table/Table.tsx
-import * as React24 from "react";
+import * as React25 from "react";
 
 // src/components/Table/Table.styles.ts
 import { css as css106 } from "@emotion/react";
@@ -22686,37 +22689,37 @@ var tableCellHead = css106`
 
 // src/components/Table/Table.tsx
 import { jsx as jsx140 } from "@emotion/react/jsx-runtime";
-var Table = React24.forwardRef(
+var Table = React25.forwardRef(
   ({ children, cellPadding, ...otherProps }, ref) => {
     return /* @__PURE__ */ jsx140("table", { ref, css: table({ cellPadding }), ...otherProps, children });
   }
 );
-var TableHead = React24.forwardRef(
+var TableHead = React25.forwardRef(
   ({ children, ...otherProps }, ref) => {
     return /* @__PURE__ */ jsx140("thead", { ref, css: tableHead, ...otherProps, children });
   }
 );
-var TableBody = React24.forwardRef(
+var TableBody = React25.forwardRef(
   ({ children, ...otherProps }, ref) => {
     return /* @__PURE__ */ jsx140("tbody", { ref, ...otherProps, children });
   }
 );
-var TableFoot = React24.forwardRef(
+var TableFoot = React25.forwardRef(
   ({ children, ...otherProps }, ref) => {
     return /* @__PURE__ */ jsx140("tfoot", { ref, ...otherProps, children });
   }
 );
-var TableRow = React24.forwardRef(
+var TableRow = React25.forwardRef(
   ({ children, ...otherProps }, ref) => {
     return /* @__PURE__ */ jsx140("tr", { ref, css: tableRow, ...otherProps, children });
   }
 );
-var TableCellHead = React24.forwardRef(
+var TableCellHead = React25.forwardRef(
   ({ children, ...otherProps }, ref) => {
     return /* @__PURE__ */ jsx140("th", { ref, css: tableCellHead, ...otherProps, children });
   }
 );
-var TableCellData = React24.forwardRef(
+var TableCellData = React25.forwardRef(
   ({ children, ...otherProps }, ref) => {
     return /* @__PURE__ */ jsx140("td", { ref, ...otherProps, children });
   }

package/dist/index.js

@@ -13932,6 +13932,7 @@ var UniformLogoLarge = ({ ...props }) => {
 // src/components/ButtonWithMenu/ButtonWithMenu.tsx
 init_emotion_jsx_shim();
 var import_CgChevronDown4 = require("@react-icons/all-files/cg/CgChevronDown");
+var React13 = __toESM(require("react"));
 
 // src/components/Menu/DropdownStyleMenuTrigger.tsx
 init_emotion_jsx_shim();
@@ -15796,6 +15797,7 @@ var ButtonWithMenu = ({
 }) => {
   const onButtonClickHandler = onButtonClick != null ? onButtonClick : shortcut == null ? void 0 : shortcut.handler;
   const disabledValue = disabled2 != null ? disabled2 : shortcut == null ? void 0 : shortcut.disabled;
+  const menuRef = React13.useRef(null);
   if (typeof withoutPortal !== "undefined" && typeof portal === "undefined") {
     portal = !withoutPortal;
   }
@@ -15839,6 +15841,7 @@ var ButtonWithMenu = ({
           disabledValue ? menuButton2 : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             Menu,
             {
+              ref: menuRef,
               menuLabel: "buttonMenu",
               placement,
               menuTrigger: menuButton2,
@@ -16125,7 +16128,7 @@ init_emotion_jsx_shim();
 // src/components/Typography/Link.tsx
 init_emotion_jsx_shim();
 var import_CgExternal2 = require("@react-icons/all-files/cg/CgExternal");
-var React13 = __toESM(require("react"));
+var React14 = __toESM(require("react"));
 
 // src/components/Typography/styles/Link.styles.ts
 init_emotion_jsx_shim();
@@ -16151,7 +16154,7 @@ var linkColorCurrent = import_react61.css`
 
 // src/components/Typography/Link.tsx
 var import_jsx_runtime54 = require("@emotion/react/jsx-runtime");
-var Link = React13.forwardRef(
+var Link = React14.forwardRef(
   ({ external, text, linkColor = "default", children, ...props }, ref) => {
     const textColor = {
       currentColor: linkColorCurrent,
@@ -16169,7 +16172,7 @@ var Link = React13.forwardRef(
     ] });
   }
 );
-var LinkWithRef = React13.forwardRef(({ linkManagerComponent: LinkManager, href, as, onClick, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(LinkManager, { ...props, as, href, ref, passHref: true, legacyBehavior: true, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Link, { ...props, onClick }) }));
+var LinkWithRef = React14.forwardRef(({ linkManagerComponent: LinkManager, href, as, onClick, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(LinkManager, { ...props, as, href, ref, passHref: true, legacyBehavior: true, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Link, { ...props, onClick }) }));
 
 // src/components/Typography/Paragraph.tsx
 init_emotion_jsx_shim();
@@ -17605,7 +17608,7 @@ var DescriptionListValueBoolean = ({ value }) => {
 
 // src/components/Details/Details.tsx
 init_emotion_jsx_shim();
-var React15 = __toESM(require("react"));
+var React16 = __toESM(require("react"));
 
 // src/components/Details/Details.styles.ts
 init_emotion_jsx_shim();
@@ -17672,9 +17675,9 @@ var Details = ({
   onChange,
   ...props
 }) => {
-  const detailsRef = React15.useRef(null);
-  const [internalOpen, setInternalOpen] = React15.useState(isOpenByDefault);
-  const memoizedIsOpen = React15.useMemo(() => {
+  const detailsRef = React16.useRef(null);
+  const [internalOpen, setInternalOpen] = React16.useState(isOpenByDefault);
+  const memoizedIsOpen = React16.useMemo(() => {
     return isOpen !== void 0 ? isOpen : internalOpen;
   }, [internalOpen, isOpen]);
   return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
@@ -24540,7 +24543,7 @@ var Switch = (0, import_react164.forwardRef)(
 
 // src/components/Table/Table.tsx
 init_emotion_jsx_shim();
-var React24 = __toESM(require("react"));
+var React25 = __toESM(require("react"));
 
 // src/components/Table/Table.styles.ts
 init_emotion_jsx_shim();
@@ -24580,37 +24583,37 @@ var tableCellHead = import_react165.css`
 
 // src/components/Table/Table.tsx
 var import_jsx_runtime140 = require("@emotion/react/jsx-runtime");
-var Table = React24.forwardRef(
+var Table = React25.forwardRef(
   ({ children, cellPadding, ...otherProps }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("table", { ref, css: table({ cellPadding }), ...otherProps, children });
   }
 );
-var TableHead = React24.forwardRef(
+var TableHead = React25.forwardRef(
   ({ children, ...otherProps }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("thead", { ref, css: tableHead, ...otherProps, children });
   }
 );
-var TableBody = React24.forwardRef(
+var TableBody = React25.forwardRef(
   ({ children, ...otherProps }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("tbody", { ref, ...otherProps, children });
   }
 );
-var TableFoot = React24.forwardRef(
+var TableFoot = React25.forwardRef(
   ({ children, ...otherProps }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("tfoot", { ref, ...otherProps, children });
   }
 );
-var TableRow = React24.forwardRef(
+var TableRow = React25.forwardRef(
   ({ children, ...otherProps }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("tr", { ref, css: tableRow, ...otherProps, children });
   }
 );
-var TableCellHead = React24.forwardRef(
+var TableCellHead = React25.forwardRef(
   ({ children, ...otherProps }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("th", { ref, css: tableCellHead, ...otherProps, children });
   }
 );
-var TableCellData = React24.forwardRef(
+var TableCellData = React25.forwardRef(
   ({ children, ...otherProps }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("td", { ref, ...otherProps, children });
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/design-system",
-  "version": "19.179.2-alpha.22+79878be48f",
+  "version": "19.179.2-alpha.27+589d7d73ab",
   "description": "Uniform design system components",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -24,8 +24,8 @@
     "@storybook/react": "8.0.10",
     "@types/react": "18.3.3",
     "@types/react-dom": "18.3.0",
-    "@uniformdev/canvas": "^19.179.2-alpha.22+79878be48f",
-    "@uniformdev/richtext": "^19.179.2-alpha.22+79878be48f",
+    "@uniformdev/canvas": "^19.179.2-alpha.27+589d7d73ab",
+    "@uniformdev/richtext": "^19.179.2-alpha.27+589d7d73ab",
     "autoprefixer": "10.4.16",
     "hygen": "6.2.11",
     "postcss": "8.4.38",
@@ -76,5 +76,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "79878be48f2d4b1c6158026aa632e71c91473ac6"
+  "gitHead": "589d7d73ab917d574180f715fd978df3cf99d978"
 }