@xyo-network/react-shared 4.4.11 → 5.0.0-rc.2

package/dist/{browser → types}/components/Ellipsize.d.ts

@@ -12,5 +12,10 @@ export interface EllipsizeBoxProps extends BoxProps {
     ellipsisPosition?: 'start' | 'end';
     typographyProps?: TypographyWithComponentProps;
 }
-export declare const EllipsizeBox: React.ForwardRefExoticComponent<Omit<PropsWithChildren<EllipsizeBoxProps>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const EllipsizeBox: {
+    ({ ref, children, ellipsisPosition, disableSharedRef, typographyProps, ...props }: PropsWithChildren<EllipsizeBoxProps> & {
+        ref?: React.RefObject<HTMLDivElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=Ellipsize.d.ts.map

package/dist/types/components/Ellipsize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ellipsize.d.ts","sourceRoot":"","sources":["../../../src/components/Ellipsize.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,QAAQ,EAAE,eAAe,EAAE,iBAAiB,EAC7C,MAAM,eAAe,CAAA;AAItB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAgC,MAAM,OAAO,CAAA;AAUpD,MAAM,WAAW,kBAAmB,SAAQ,QAAQ;IAClD,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACnC;AA+DD,MAAM,MAAM,4BAA4B,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;IAC9I,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CACnC,CAAA;AAED,MAAM,WAAW,iBAAkB,SAAQ,QAAQ;IACjD,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAClC,eAAe,CAAC,EAAE,4BAA4B,CAAA;CAC/C;AAED,eAAO,MAAM,YAAY;uFAEtB,iBAAiB,CAAC,iBAAiB,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;KAAE;;CAczF,CAAA"}

package/dist/types/components/SectionSpacingRow/SectionSpacingRow.d.ts

@@ -0,0 +1,9 @@
+import type { FlexBoxProps } from '@xylabs/react-flexbox';
+import React from 'react';
+export declare const SectionSpacingRow: {
+    ({ ref, children, sx, ...props }: FlexBoxProps & {
+        ref?: React.RefObject<HTMLDivElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=SectionSpacingRow.d.ts.map

package/dist/types/components/SectionSpacingRow/SectionSpacingRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionSpacingRow.d.ts","sourceRoot":"","sources":["../../../../src/components/SectionSpacingRow/SectionSpacingRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,iBAAiB;sCAE3B,YAAY,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;KAAE;;CAgBjE,CAAA"}

package/dist/{browser → types}/components/TableCell/AddressTableCell.d.ts

@@ -7,6 +7,11 @@ export interface AddressTableCellProps extends Omit<EllipsisTableCellProps, 'ref
     exploreDomain?: string;
     link?: boolean;
 }
-declare const AddressTableCell: React.ForwardRefExoticComponent<AddressTableCellProps & React.RefAttributes<HTMLDivElement>>;
+declare const AddressTableCell: {
+    ({ ref, value, archive, exploreDomain, link, ...props }: AddressTableCellProps & {
+        ref?: React.RefObject<HTMLDivElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export { AddressTableCell };
 //# sourceMappingURL=AddressTableCell.d.ts.map

package/dist/types/components/TableCell/AddressTableCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddressTableCell.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/AddressTableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAA;AAGrE,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,KAAK,CAAC;IAChF,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,uCAAuC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,QAAA,MAAM,gBAAgB;6DAEnB,qBAAqB,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;KAAE;;CAK1E,CAAA;AAGD,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/types/components/TableCell/EllipsisTableCell.d.ts

@@ -0,0 +1,29 @@
+import type { TableCellProps } from '@mui/material';
+import React from 'react';
+import type { To } from 'react-router-dom';
+export interface EllipsisTableCellProps extends Omit<TableCellProps, 'ref'> {
+    href?: string;
+    link?: boolean;
+    to?: To;
+    value?: string;
+    /**
+     * Width of the table cell.
+     *
+     * Note: When using percentages, this value can be different than what you expect
+     * if used on a cell that is not the first cell in the first row.
+     */
+    width?: string | number;
+}
+export declare const EllipsisTableCellWithRef: {
+    ({ ref, children, href, link, to, value, ...props }: EllipsisTableCellProps & {
+        ref?: React.RefObject<HTMLDivElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const EllipsisTableCell: {
+    ({ ref, children, href, link, to, value, ...props }: EllipsisTableCellProps & {
+        ref?: React.RefObject<HTMLDivElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=EllipsisTableCell.d.ts.map

package/dist/{browser → types}/components/TableCell/EllipsisTableCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EllipsisTableCell.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/EllipsisTableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAGnD,OAAO,KAA8B,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AAU1C,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;IACzE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,wBAAwB,+FAuBpC,CAAA;AAGD,eAAO,MAAM,iBAAiB,+FAA2B,CAAA"}
+{"version":3,"file":"EllipsisTableCell.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/EllipsisTableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAGnD,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AAU1C,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;IACzE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,wBAAwB;yDAElC,sBAAsB,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;KAAE;;CAmB3E,CAAA;AAGD,eAAO,MAAM,iBAAiB;yDAtB3B,sBAAsB,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;KAAE;;CAsBnB,CAAA"}

package/dist/{browser → types}/contexts/diviner/Provider.d.ts

@@ -6,5 +6,5 @@ export interface DivinerProviderProps<D> extends ContextExProviderProps, PropsWi
     diviner?: D;
 }
 /** Exposes a resolved diviner */
-export declare const ResolvedDivinerProvider: <D>({ diviner: divinerProp, required, children, context, }: DivinerProviderProps<D>) => import("react/jsx-runtime").JSX.Element;
+export declare const ResolvedDivinerProvider: <D>({ diviner: divinerProp, required, children, context: Context, }: DivinerProviderProps<D>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Provider.d.ts.map

package/dist/{browser → types}/contexts/diviner/Provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/diviner/Provider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAGvD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAA;AACnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AAEtD,MAAM,WAAW,oBAAoB,CAAC,CAAC,CAAE,SAAQ,sBAAsB,EAAE,iBAAiB;IACxF,OAAO,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAA;IACzC,OAAO,CAAC,EAAE,CAAC,CAAA;CACZ;AAED,iCAAiC;AACjC,eAAO,MAAM,uBAAuB,GAAI,CAAC,EAAG,wDAEzC,oBAAoB,CAAC,CAAC,CAAC,4CA8BzB,CAAA"}
+{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/diviner/Provider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAGvD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAA;AACnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AAEtD,MAAM,WAAW,oBAAoB,CAAC,CAAC,CAAE,SAAQ,sBAAsB,EAAE,iBAAiB;IACxF,OAAO,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAA;IACzC,OAAO,CAAC,EAAE,CAAC,CAAA;CACZ;AAED,iCAAiC;AACjC,eAAO,MAAM,uBAAuB,GAAI,CAAC,EAAG,iEAEzC,oBAAoB,CAAC,CAAC,CAAC,4CA8BzB,CAAA"}

package/dist/types/hooks/useShareForwardRef.d.ts

@@ -0,0 +1,3 @@
+import type { ForwardedRef } from 'react';
+export declare const useShareForwardedRef: <T>(forwardedRef: ForwardedRef<T> | null | undefined, refresh?: number) => import("react").RefObject<T | null>;
+//# sourceMappingURL=useShareForwardRef.d.ts.map

package/dist/{browser → types}/hooks/useShareForwardRef.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useShareForwardRef.d.ts","sourceRoot":"","sources":["../../../src/hooks/useShareForwardRef.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAGzC,eAAO,MAAM,oBAAoB,GAAI,CAAC,EAAE,cAAc,YAAY,CAAC,CAAC,CAAC,EAAE,gBAAW,iCAiBjF,CAAA"}
+{"version":3,"file":"useShareForwardRef.d.ts","sourceRoot":"","sources":["../../../src/hooks/useShareForwardRef.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAGzC,eAAO,MAAM,oBAAoB,GAAI,CAAC,EAAE,cAAc,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,EAAE,gBAAW,wCAiBpG,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-shared",
-  "version": "4.4.11",
+  "version": "5.0.0-rc.2",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -28,10 +28,10 @@
   "exports": {
     ".": {
       "browser": {
-        "types": "./dist/browser/index.d.ts",
+        "types": "./dist/types/index.d.ts",
         "default": "./dist/browser/index.mjs"
       },
-      "types": "./dist/browser/index.d.ts",
+      "types": "./dist/types/index.d.ts",
       "default": "./dist/browser/index.mjs"
     },
     "./package.json": "./package.json"
@@ -43,44 +43,46 @@
     "lint-pkg": "npmPkgJsonLint ."
   },
   "dependencies": {
-    "@xylabs/assert": "^4.5.6",
-    "@xylabs/decimal-precision": "^4.5.6",
-    "@xylabs/hex": "^4.5.6",
-    "@xylabs/react-appbar": "^5.3.25",
-    "@xylabs/react-button": "^5.3.25",
-    "@xylabs/react-flexbox": "^5.3.25",
-    "@xylabs/react-hooks": "^5.3.25",
-    "@xylabs/react-link": "^5.3.25",
-    "@xylabs/react-promise": "^5.3.25",
-    "@xyo-network/boundwitness-model": "^3.9.25",
-    "@xyo-network/boundwitness-validator": "^3.9.25",
-    "@xyo-network/payload-builder": "^3.9.25",
-    "@xyo-network/payload-model": "^3.9.25",
-    "@xyo-network/react-event": "^4.4.11",
-    "react-router-dom": "^7.2.0"
+    "@xylabs/assert": "^4.5.10",
+    "@xylabs/decimal-precision": "^4.5.10",
+    "@xylabs/hex": "^4.5.10",
+    "@xylabs/react-appbar": "^6.0.0-rc.2",
+    "@xylabs/react-button": "^6.0.0-rc.2",
+    "@xylabs/react-flexbox": "^6.0.0-rc.2",
+    "@xylabs/react-hooks": "^6.0.0-rc.2",
+    "@xylabs/react-link": "^6.0.0-rc.2",
+    "@xylabs/react-promise": "^6.0.0-rc.2",
+    "@xyo-network/boundwitness-model": "^3.9.35",
+    "@xyo-network/boundwitness-validator": "^3.9.35",
+    "@xyo-network/payload-builder": "^3.9.35",
+    "@xyo-network/payload-model": "^3.9.35",
+    "@xyo-network/react-event": "^5.0.0-rc.2",
+    "react-router-dom": "^7.3.0"
   },
   "devDependencies": {
-    "@mui/icons-material": "^6.4.6",
-    "@mui/material": "^6.4.6",
-    "@mui/styles": "^6.4.6",
-    "@storybook/react": "^8.6.3",
-    "@xylabs/react-quick-tip-button": "^5.3.25",
-    "@xylabs/ts-scripts-yarn3": "^5.0.39",
-    "@xylabs/tsconfig-react": "^5.0.39",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "storybook": "^8.6.3",
+    "@mui/icons-material": "^6.4.7",
+    "@mui/material": "^6.4.7",
+    "@mui/styles": "^6.4.7",
+    "@storybook/react": "^8.6.4",
+    "@types/react": "^19.0.10",
+    "@xylabs/react-quick-tip-button": "^6.0.0-rc.2",
+    "@xylabs/ts-scripts-yarn3": "^6.0.3",
+    "@xylabs/tsconfig-react": "^6.0.3",
+    "react": "^19",
+    "react-dom": "^19",
+    "storybook": "^8.6.4",
     "typescript": "^5.8.2"
   },
   "peerDependencies": {
     "@mui/icons-material": "^6",
     "@mui/material": "^6",
     "@mui/styles": "^6",
-    "react": "^18",
-    "react-dom": "^18"
+    "react": "^19",
+    "react-dom": "^19"
   },
   "publishConfig": {
     "access": "public"
   },
-  "docs": "dist/docs.json"
+  "docs": "dist/docs.json",
+  "stableVersion": "4.4.11"
 }

package/src/components/Ellipsize.tsx

@@ -5,9 +5,7 @@ import {
   Box, styled, Typography,
 } from '@mui/material'
 import type { PropsWithChildren } from 'react'
-import React, {
-  forwardRef, useCallback, useState,
-} from 'react'
+import React, { useCallback, useState } from 'react'
 
 import { useShareForwardedRef } from '../hooks/index.ts'
 
@@ -92,23 +90,21 @@ export interface EllipsizeBoxProps extends BoxProps {
   typographyProps?: TypographyWithComponentProps
 }
 
-export const EllipsizeBox = forwardRef<HTMLDivElement, PropsWithChildren<EllipsizeBoxProps>>(
-  ({
-    children, ellipsisPosition = 'start', disableSharedRef, typographyProps, ...props
-  }, ref) => {
-    // Allow syncing of :before pseudo element height with contentWrapHeight
-    const { contentWrapRef, contentWrapHeight } = useClientHeight()
-    const sharedRef = useShareForwardedRef(ref)
+export const EllipsizeBox = ({
+  ref, children, ellipsisPosition = 'start', disableSharedRef, typographyProps, ...props
+}: PropsWithChildren<EllipsizeBoxProps> & { ref?: React.RefObject<HTMLDivElement | null> }) => {
+  // Allow syncing of :before pseudo element height with contentWrapHeight
+  const { contentWrapRef, contentWrapHeight } = useClientHeight()
+  const sharedRef = useShareForwardedRef(ref)
 
-    return (
-      <EllipsizeRoot beforeLineHeight={!!sharedRef && !disableSharedRef ? contentWrapHeight : undefined} {...props} ref={sharedRef}>
-        <EllipsizeInnerWrap>
-          <EllipsizeContentWrap ref={contentWrapRef} component="span" ellipsisPosition={ellipsisPosition} variant="body2" {...typographyProps}>
-            {children}
-          </EllipsizeContentWrap>
-        </EllipsizeInnerWrap>
-      </EllipsizeRoot>
-    )
-  },
-)
+  return (
+    <EllipsizeRoot beforeLineHeight={!!sharedRef && !disableSharedRef ? contentWrapHeight : undefined} {...props} ref={sharedRef}>
+      <EllipsizeInnerWrap>
+        <EllipsizeContentWrap ref={contentWrapRef} component="span" ellipsisPosition={ellipsisPosition} variant="body2" {...typographyProps}>
+          {children}
+        </EllipsizeContentWrap>
+      </EllipsizeInnerWrap>
+    </EllipsizeRoot>
+  )
+}
 EllipsizeBox.displayName = 'EllipsizeBox'

package/src/components/SectionSpacingRow/SectionSpacingRow.tsx

@@ -1,11 +1,11 @@
 import { useTheme } from '@mui/material'
 import type { FlexBoxProps } from '@xylabs/react-flexbox'
 import { FlexGrowRow } from '@xylabs/react-flexbox'
-import React, { forwardRef } from 'react'
+import React from 'react'
 
-export const SectionSpacingRow = forwardRef<HTMLDivElement, FlexBoxProps>(({
-  children, sx, ...props
-}, ref) => {
+export const SectionSpacingRow = ({
+  ref, children, sx, ...props
+}: FlexBoxProps & { ref?: React.RefObject<HTMLDivElement | null> }) => {
   const theme = useTheme()
   return (
     <FlexGrowRow
@@ -21,6 +21,6 @@ export const SectionSpacingRow = forwardRef<HTMLDivElement, FlexBoxProps>(({
       {children}
     </FlexGrowRow>
   )
-})
+}
 
 SectionSpacingRow.displayName = 'SectionSpacingRow'

package/src/components/TableCell/AddressTableCell.tsx

@@ -1,4 +1,4 @@
-import React, { forwardRef } from 'react'
+import React from 'react'
 
 import type { EllipsisTableCellProps } from './EllipsisTableCell.tsx'
 import { EllipsisTableCell } from './EllipsisTableCell.tsx'
@@ -11,14 +11,14 @@ export interface AddressTableCellProps extends Omit<EllipsisTableCellProps, 'ref
   link?: boolean
 }
 
-const AddressTableCell = forwardRef<HTMLDivElement, AddressTableCellProps>(({
-  value, archive, exploreDomain, link, ...props
-}, ref) => {
+const AddressTableCell = ({
+  ref, value, archive, exploreDomain, link, ...props
+}: AddressTableCellProps & { ref?: React.RefObject<HTMLDivElement | null> }) => {
   const href = exploreDomain && archive ? `${exploreDomain}/archive/${archive}/address/${value}` : undefined
   const to = exploreDomain === undefined && archive ? `/archive/${archive}/address/${value}` : undefined
 
   return <EllipsisTableCell value={value} href={href} to={to} ref={ref} link={link} {...props} />
-})
+}
 
 AddressTableCell.displayName = 'AddressTableCell'
 export { AddressTableCell }

package/src/components/TableCell/EllipsisTableCell.tsx

@@ -1,7 +1,7 @@
 import type { TableCellProps } from '@mui/material'
 import { styled, TableCell } from '@mui/material'
 import { asLinkHrefOrToProps, LinkEx } from '@xylabs/react-link'
-import React, { forwardRef, useMemo } from 'react'
+import React, { useMemo } from 'react'
 import type { To } from 'react-router-dom'
 
 import { EllipsizeBox } from '../Ellipsize.tsx'
@@ -26,30 +26,28 @@ export interface EllipsisTableCellProps extends Omit<TableCellProps, 'ref'> {
   width?: string | number
 }
 
-export const EllipsisTableCellWithRef = forwardRef<HTMLDivElement, EllipsisTableCellProps>(
-  ({
-    children, href, link = false, to, value, ...props
-  }, ref) => {
-    const data = useMemo(() => {
-      if (children) {
-        return children
-      }
-      if (href || link || to) {
-        return (
-          <LinkEx title={value} {...asLinkHrefOrToProps({ to, href })} target={href ? '_blank' : undefined}>
-            {value}
-          </LinkEx>
-        )
-      }
-      return value
-    }, [children, href, link, to, value])
-    return (
-      <EllipsisTableCellRoot {...props}>
-        <EllipsizeBox ref={ref} sx={{ cursor: link || to || href ? 'pointer' : 'inherit' }}>{data}</EllipsizeBox>
-      </EllipsisTableCellRoot>
-    )
-  },
-)
+export const EllipsisTableCellWithRef = ({
+  ref, children, href, link = false, to, value, ...props
+}: EllipsisTableCellProps & { ref?: React.RefObject<HTMLDivElement | null> }) => {
+  const data = useMemo(() => {
+    if (children) {
+      return children
+    }
+    if (href || link || to) {
+      return (
+        <LinkEx title={value} {...asLinkHrefOrToProps({ to, href })} target={href ? '_blank' : undefined}>
+          {value}
+        </LinkEx>
+      )
+    }
+    return value
+  }, [children, href, link, to, value])
+  return (
+    <EllipsisTableCellRoot {...props}>
+      <EllipsizeBox ref={ref} sx={{ cursor: link || to || href ? 'pointer' : 'inherit' }}>{data}</EllipsizeBox>
+    </EllipsisTableCellRoot>
+  )
+}
 
 EllipsisTableCellWithRef.displayName = 'EllipsisTableCell'
 export const EllipsisTableCell = EllipsisTableCellWithRef

package/src/contexts/ListMode/Provider.tsx

@@ -19,10 +19,10 @@ export const ListModeProvider: React.FC<PropsWithChildren<ListModeProviderProps>
     setListMode])
 
   return (
-    <ListModeContext.Provider
+    <ListModeContext
       value={value}
     >
       {children}
-    </ListModeContext.Provider>
+    </ListModeContext>
   )
 }

package/src/contexts/contextEx/use.ts

@@ -1,10 +1,10 @@
 import type { Context } from 'react'
-import { useContext } from 'react'
+import { use } from 'react'
 
 import type { ContextExState } from './State.ts'
 
 export const useContextEx = <T extends ContextExState>(context: Context<T>, contextName: string, required = true) => {
-  const { provided, ...props } = useContext(context)
+  const { provided, ...props } = use(context)
   if (!provided && required) {
     throw new Error(`use${contextName} can not be used outside of a ${contextName}Context when required=true`)
   }
@@ -12,6 +12,6 @@ export const useContextEx = <T extends ContextExState>(context: Context<T>, cont
 }
 
 export const useProvided = <T extends ContextExState>(context: Context<T>) => {
-  const { provided } = useContext(context)
+  const { provided } = use(context)
   return provided
 }

package/src/contexts/diviner/Provider.tsx

@@ -12,7 +12,7 @@ export interface DivinerProviderProps<D> extends ContextExProviderProps, PropsWi
 
 /** Exposes a resolved diviner */
 export const ResolvedDivinerProvider = <D,>({
-  diviner: divinerProp, required = false, children, context,
+  diviner: divinerProp, required = false, children, context: Context,
 }: DivinerProviderProps<D>) => {
   const [diviner, setDiviner] = useResetState<D | undefined>(divinerProp)
 
@@ -33,7 +33,7 @@ export const ResolvedDivinerProvider = <D,>({
     setDiviner, divinerProp])
 
   return (
-    <context.Provider
+    <Context
       value={value}
     >
       {diviner
@@ -41,6 +41,6 @@ export const ResolvedDivinerProvider = <D,>({
         : required
           ? null
           : children}
-    </context.Provider>
+    </Context>
   )
 }

package/src/hooks/useShareForwardRef.ts

@@ -1,7 +1,7 @@
 import type { ForwardedRef } from 'react'
 import { useEffect, useRef } from 'react'
 
-export const useShareForwardedRef = <T>(forwardedRef: ForwardedRef<T>, refresh = 0) => {
+export const useShareForwardedRef = <T>(forwardedRef: ForwardedRef<T> | null | undefined, refresh = 0) => {
   // final ref that will share value with forward ref. this is the one to be attached to components
   const innerRef = useRef<T>(null)
 

package/dist/browser/components/Ellipsize.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Ellipsize.d.ts","sourceRoot":"","sources":["../../../src/components/Ellipsize.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,QAAQ,EAAE,eAAe,EAAE,iBAAiB,EAC7C,MAAM,eAAe,CAAA;AAItB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAEN,MAAM,OAAO,CAAA;AAUd,MAAM,WAAW,kBAAmB,SAAQ,QAAQ;IAClD,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACnC;AA+DD,MAAM,MAAM,4BAA4B,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;IAC9I,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CACnC,CAAA;AAED,MAAM,WAAW,iBAAkB,SAAQ,QAAQ;IACjD,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAClC,eAAe,CAAC,EAAE,4BAA4B,CAAA;CAC/C;AAED,eAAO,MAAM,YAAY,0HAkBxB,CAAA"}

package/dist/browser/components/SectionSpacingRow/SectionSpacingRow.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const SectionSpacingRow: React.ForwardRefExoticComponent<import("@xylabs/react-flexbox").BusyBoxProps & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=SectionSpacingRow.d.ts.map

package/dist/browser/components/SectionSpacingRow/SectionSpacingRow.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SectionSpacingRow.d.ts","sourceRoot":"","sources":["../../../../src/components/SectionSpacingRow/SectionSpacingRow.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,eAAO,MAAM,iBAAiB,qHAkB5B,CAAA"}

package/dist/browser/components/TableCell/AddressTableCell.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AddressTableCell.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/AddressTableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAA;AAGrE,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,KAAK,CAAC;IAChF,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,uCAAuC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,QAAA,MAAM,gBAAgB,8FAOpB,CAAA;AAGF,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/browser/components/TableCell/EllipsisTableCell.d.ts

@@ -1,19 +0,0 @@
-import type { TableCellProps } from '@mui/material';
-import React from 'react';
-import type { To } from 'react-router-dom';
-export interface EllipsisTableCellProps extends Omit<TableCellProps, 'ref'> {
-    href?: string;
-    link?: boolean;
-    to?: To;
-    value?: string;
-    /**
-     * Width of the table cell.
-     *
-     * Note: When using percentages, this value can be different than what you expect
-     * if used on a cell that is not the first cell in the first row.
-     */
-    width?: string | number;
-}
-export declare const EllipsisTableCellWithRef: React.ForwardRefExoticComponent<EllipsisTableCellProps & React.RefAttributes<HTMLDivElement>>;
-export declare const EllipsisTableCell: React.ForwardRefExoticComponent<EllipsisTableCellProps & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=EllipsisTableCell.d.ts.map

package/dist/browser/hooks/useShareForwardRef.d.ts

@@ -1,3 +0,0 @@
-import type { ForwardedRef } from 'react';
-export declare const useShareForwardedRef: <T>(forwardedRef: ForwardedRef<T>, refresh?: number) => import("react").RefObject<T>;
-//# sourceMappingURL=useShareForwardRef.d.ts.map