@xyo-network/react-property 2.81.9 → 2.82.0

package/dist/neutral/components/Title.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../src/components/Title.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,MAAM,CAAA;AAE7C,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACtD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,GAAG,CAAC,EAAE,SAAS,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAqDtD,CAAA"}
+{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../src/components/Title.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACpD,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,MAAM,CAAA;AAE7C,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACtD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,GAAG,CAAC,EAAE,SAAS,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuDtD,CAAA"}

package/dist/neutral/components/Title.d.mts

@@ -1,6 +1,6 @@
 import { FlexBoxProps } from '@xylabs/react-flexbox';
 import { SizeProp } from '@xyo-network/react-shared';
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export type TitleSizeProp = SizeProp | 'full';
 export interface PropertyTitleProps extends FlexBoxProps {
     elevation?: number;

package/dist/neutral/components/Title.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../src/components/Title.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,MAAM,CAAA;AAE7C,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACtD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,GAAG,CAAC,EAAE,SAAS,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAqDtD,CAAA"}
+{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../src/components/Title.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACpD,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,MAAM,CAAA;AAE7C,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACtD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,GAAG,CAAC,EAAE,SAAS,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuDtD,CAAA"}

package/dist/neutral/components/Title.d.ts

@@ -1,6 +1,6 @@
 import { FlexBoxProps } from '@xylabs/react-flexbox';
 import { SizeProp } from '@xyo-network/react-shared';
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export type TitleSizeProp = SizeProp | 'full';
 export interface PropertyTitleProps extends FlexBoxProps {
     elevation?: number;

package/dist/neutral/components/Title.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../src/components/Title.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,MAAM,CAAA;AAE7C,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACtD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,GAAG,CAAC,EAAE,SAAS,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAqDtD,CAAA"}
+{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../src/components/Title.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACpD,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,MAAM,CAAA;AAE7C,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACtD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,GAAG,CAAC,EAAE,SAAS,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuDtD,CAAA"}

package/dist/neutral/components/Value.d.cts

@@ -1,8 +1,9 @@
 import { Variant } from '@mui/material/styles/createTypography.js';
 import { EllipsizeBoxProps } from '@xyo-network/react-shared';
+import React from 'react';
 export interface PropertyValueProps extends Omit<EllipsizeBoxProps, 'ref'> {
     typographyVariant?: Variant;
     value?: string | number | boolean | null;
 }
-export declare const PropertyValue: import("react").ForwardRefExoticComponent<PropertyValueProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const PropertyValue: React.ForwardRefExoticComponent<PropertyValueProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Value.d.ts.map

package/dist/neutral/components/Value.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Value.d.ts","sourceRoot":"","sources":["../../../src/components/Value.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0CAA0C,CAAA;AAClE,OAAO,EAAgB,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAG3E,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC;IACxE,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;CACzC;AAED,eAAO,MAAM,aAAa,+GAWxB,CAAA"}
+{"version":3,"file":"Value.d.ts","sourceRoot":"","sources":["../../../src/components/Value.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,0CAA0C,CAAA;AAClE,OAAO,EAAgB,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAC3E,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC;IACxE,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;CACzC;AAED,eAAO,MAAM,aAAa,2FAaxB,CAAA"}

package/dist/neutral/components/Value.d.mts

@@ -1,8 +1,9 @@
 import { Variant } from '@mui/material/styles/createTypography.js';
 import { EllipsizeBoxProps } from '@xyo-network/react-shared';
+import React from 'react';
 export interface PropertyValueProps extends Omit<EllipsizeBoxProps, 'ref'> {
     typographyVariant?: Variant;
     value?: string | number | boolean | null;
 }
-export declare const PropertyValue: import("react").ForwardRefExoticComponent<PropertyValueProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const PropertyValue: React.ForwardRefExoticComponent<PropertyValueProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Value.d.ts.map

package/dist/neutral/components/Value.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Value.d.ts","sourceRoot":"","sources":["../../../src/components/Value.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0CAA0C,CAAA;AAClE,OAAO,EAAgB,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAG3E,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC;IACxE,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;CACzC;AAED,eAAO,MAAM,aAAa,+GAWxB,CAAA"}
+{"version":3,"file":"Value.d.ts","sourceRoot":"","sources":["../../../src/components/Value.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,0CAA0C,CAAA;AAClE,OAAO,EAAgB,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAC3E,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC;IACxE,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;CACzC;AAED,eAAO,MAAM,aAAa,2FAaxB,CAAA"}

package/dist/neutral/components/Value.d.ts

@@ -1,8 +1,9 @@
 import { Variant } from '@mui/material/styles/createTypography.js';
 import { EllipsizeBoxProps } from '@xyo-network/react-shared';
+import React from 'react';
 export interface PropertyValueProps extends Omit<EllipsizeBoxProps, 'ref'> {
     typographyVariant?: Variant;
     value?: string | number | boolean | null;
 }
-export declare const PropertyValue: import("react").ForwardRefExoticComponent<PropertyValueProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const PropertyValue: React.ForwardRefExoticComponent<PropertyValueProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Value.d.ts.map

package/dist/neutral/components/Value.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Value.d.ts","sourceRoot":"","sources":["../../../src/components/Value.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0CAA0C,CAAA;AAClE,OAAO,EAAgB,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAG3E,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC;IACxE,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;CACzC;AAED,eAAO,MAAM,aAAa,+GAWxB,CAAA"}
+{"version":3,"file":"Value.d.ts","sourceRoot":"","sources":["../../../src/components/Value.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,0CAA0C,CAAA;AAClE,OAAO,EAAgB,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAC3E,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC;IACxE,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;CACzC;AAED,eAAO,MAAM,aAAa,2FAaxB,CAAA"}

package/dist/neutral/components/index.d.cts

@@ -1,7 +1,7 @@
-export * from './Action.js';
-export * from './Group.js';
-export * from './Property.js';
-export * from './Props.js';
-export * from './Title.js';
-export * from './Value.js';
+export * from './Action.ts';
+export * from './Group.tsx';
+export * from './Property.tsx';
+export * from './Props.ts';
+export * from './Title.tsx';
+export * from './Value.tsx';
 //# sourceMappingURL=index.d.ts.map

package/dist/neutral/components/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA"}

package/dist/neutral/components/index.d.mts

@@ -1,7 +1,7 @@
-export * from './Action.js';
-export * from './Group.js';
-export * from './Property.js';
-export * from './Props.js';
-export * from './Title.js';
-export * from './Value.js';
+export * from './Action.ts';
+export * from './Group.tsx';
+export * from './Property.tsx';
+export * from './Props.ts';
+export * from './Title.tsx';
+export * from './Value.tsx';
 //# sourceMappingURL=index.d.ts.map

package/dist/neutral/components/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA"}

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

@@ -1,7 +1,7 @@
-export * from './Action.js';
-export * from './Group.js';
-export * from './Property.js';
-export * from './Props.js';
-export * from './Title.js';
-export * from './Value.js';
+export * from './Action.ts';
+export * from './Group.tsx';
+export * from './Property.tsx';
+export * from './Props.ts';
+export * from './Title.tsx';
+export * from './Value.tsx';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA"}

package/dist/neutral/index.cjs

@@ -1,8 +1,11 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -15,6 +18,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -31,13 +42,14 @@ module.exports = __toCommonJS(src_exports);
 var import_material2 = require("@mui/material");
 var import_react_flexbox2 = require("@xylabs/react-flexbox");
 var import_typeof = require("@xyo-network/typeof");
+var import_react2 = __toESM(require("react"), 1);
 
 // src/components/Title.tsx
 var import_material = require("@mui/material");
 var import_react_flexbox = require("@xylabs/react-flexbox");
 var import_react_quick_tip_button = require("@xylabs/react-quick-tip-button");
-var import_jsx_runtime = require("react/jsx-runtime");
-var PropertyTitle = ({ elevation = 1, size = "medium", tip, more, title, ...props }) => {
+var import_react = __toESM(require("react"), 1);
+var PropertyTitle = /* @__PURE__ */ __name(({ elevation = 1, size = "medium", tip, more, title, ...props }) => {
   const sizeVariants = {
     full: "caption",
     large: "caption",
@@ -58,166 +70,234 @@ var PropertyTitle = ({ elevation = 1, size = "medium", tip, more, title, ...prop
   };
   const quickTipSize = sizeFontSize[size] < 16 ? sizeFontSize[size] : 16;
   const theme = (0, import_material.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_react_flexbox.FlexRow,
-    {
-      bgcolor: theme.palette.mode === "dark" ? (0, import_material.lighten)(theme.palette.background.paper, 0.05 * elevation) : (0, import_material.darken)(theme.palette.background.paper, 0.025 * elevation),
-      alignItems: "center",
-      height: sizeTitleHeight[size],
-      justifyContent: "space-between",
-      ...props,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { paddingX: 1, paddingY: 0.5, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { fontWeight: 500, noWrap: true, variant: sizeVariants[size], fontSize: sizeFontSize[size], children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("small", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: title }) }) }),
-          tip ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_quick_tip_button.QuickTipButton, { style: { fontSize: quickTipSize }, color: "inherit", title: title ?? "", children: tip }) : null
-        ] }),
-        more
-      ]
-    }
-  );
-};
+  return /* @__PURE__ */ import_react.default.createElement(import_react_flexbox.FlexRow, {
+    bgcolor: theme.palette.mode === "dark" ? (0, import_material.lighten)(theme.palette.background.paper, 0.05 * elevation) : (0, import_material.darken)(theme.palette.background.paper, 0.025 * elevation),
+    alignItems: "center",
+    height: sizeTitleHeight[size],
+    justifyContent: "space-between",
+    ...props
+  }, /* @__PURE__ */ import_react.default.createElement(import_react_flexbox.FlexRow, {
+    paddingX: 1,
+    paddingY: 0.5
+  }, /* @__PURE__ */ import_react.default.createElement(import_material.Typography, {
+    fontWeight: 500,
+    noWrap: true,
+    variant: sizeVariants[size],
+    fontSize: sizeFontSize[size]
+  }, /* @__PURE__ */ import_react.default.createElement("small", null, /* @__PURE__ */ import_react.default.createElement("strong", null, title))), tip ? /* @__PURE__ */ import_react.default.createElement(import_react_quick_tip_button.QuickTipButton, {
+    style: {
+      fontSize: quickTipSize
+    },
+    color: "inherit",
+    title: title ?? ""
+  }, tip) : null), more);
+}, "PropertyTitle");
 
 // src/components/Group.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var PropertyGroupBox = ({ titleProps, children, title, tip, ...props }) => {
+var PropertyGroupBox = /* @__PURE__ */ __name(({ titleProps, children, title, tip, ...props }) => {
   const theme = (0, import_material2.useTheme)();
   const childrenArray = (0, import_typeof.typeOf)(children) === "array" ? children : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_flexbox2.FlexCol, { alignItems: "stretch", overflow: "hidden", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_flexbox2.FlexRow, { overflow: "hidden", justifyContent: "stretch", alignItems: "stretch", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PropertyTitle, { alignItems: "flex-start", size: "full", title, tip, ...titleProps }),
-    childrenArray ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_flexbox2.FlexGrowRow, { children: childrenArray?.map((child, index) => {
-      return child ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_flexbox2.FlexGrowRow, { borderLeft: 1, borderColor: theme.palette.divider, children: child }, index) : null;
-    }) }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_flexbox2.FlexGrowRow, { overflow: "hidden", children })
-  ] }) });
-};
-var PropertyGroupPaper = ({ style, variant, elevation, square, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Paper, { style: { minWidth: 0, overflow: "hidden", ...style }, variant, elevation, square, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PropertyGroupBox, { ...props, paper: false }) });
-};
-var PropertyGroup = (props) => {
-  return props.paper ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PropertyGroupPaper, { ...props }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PropertyGroupBox, { ...props });
-};
+  return /* @__PURE__ */ import_react2.default.createElement(import_react_flexbox2.FlexCol, {
+    alignItems: "stretch",
+    overflow: "hidden",
+    ...props
+  }, /* @__PURE__ */ import_react2.default.createElement(import_react_flexbox2.FlexRow, {
+    overflow: "hidden",
+    justifyContent: "stretch",
+    alignItems: "stretch"
+  }, /* @__PURE__ */ import_react2.default.createElement(PropertyTitle, {
+    alignItems: "flex-start",
+    size: "full",
+    title,
+    tip,
+    ...titleProps
+  }), childrenArray ? /* @__PURE__ */ import_react2.default.createElement(import_react_flexbox2.FlexGrowRow, null, childrenArray?.map((child, index) => {
+    return child ? /* @__PURE__ */ import_react2.default.createElement(import_react_flexbox2.FlexGrowRow, {
+      key: index,
+      borderLeft: 1,
+      borderColor: theme.palette.divider
+    }, child) : null;
+  })) : /* @__PURE__ */ import_react2.default.createElement(import_react_flexbox2.FlexGrowRow, {
+    overflow: "hidden"
+  }, children)));
+}, "PropertyGroupBox");
+var PropertyGroupPaper = /* @__PURE__ */ __name(({ style, variant, elevation, square, ...props }) => {
+  return /* @__PURE__ */ import_react2.default.createElement(import_material2.Paper, {
+    style: {
+      minWidth: 0,
+      overflow: "hidden",
+      ...style
+    },
+    variant,
+    elevation,
+    square
+  }, /* @__PURE__ */ import_react2.default.createElement(PropertyGroupBox, {
+    ...props,
+    paper: false
+  }));
+}, "PropertyGroupPaper");
+var PropertyGroup = /* @__PURE__ */ __name((props) => {
+  return props.paper ? /* @__PURE__ */ import_react2.default.createElement(PropertyGroupPaper, props) : /* @__PURE__ */ import_react2.default.createElement(PropertyGroupBox, props);
+}, "PropertyGroup");
 
 // src/components/Property.tsx
 var import_material5 = require("@mui/material");
 var import_react_flexbox5 = require("@xylabs/react-flexbox");
-var import_react4 = require("react");
+var import_react6 = __toESM(require("react"), 1);
 
 // src/components/ActionsMenu.tsx
 var import_icons_material = require("@mui/icons-material");
 var import_material3 = require("@mui/material");
 var import_react_flexbox3 = require("@xylabs/react-flexbox");
-var import_react = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var PropertyActionsMenu = ({ actions, ...props }) => {
-  const [anchorEl, setAnchorEl] = (0, import_react.useState)(null);
+var import_react3 = __toESM(require("react"), 1);
+var PropertyActionsMenu = /* @__PURE__ */ __name(({ actions, ...props }) => {
+  const [anchorEl, setAnchorEl] = (0, import_react3.useState)(null);
   const open = !!anchorEl;
-  const handleClick = (event) => {
+  const handleClick = /* @__PURE__ */ __name((event) => {
     setAnchorEl(event.currentTarget);
-  };
-  const handleClose = () => {
+  }, "handleClick");
+  const handleClose = /* @__PURE__ */ __name(() => {
     setAnchorEl(null);
-  };
-  return actions && actions?.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_flexbox3.FlexRow, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.IconButton, { size: "small", color: "inherit", onClick: handleClick, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_material.MoreHoriz, { fontSize: "inherit" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Menu, { anchorEl, open, onClose: handleClose, children: actions?.map((action) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        import_material3.MenuItem,
-        {
-          onClick: () => {
-            action?.onClick?.();
-            handleClose();
-          },
-          children: action.name
-        },
-        action.name
-      );
-    }) })
-  ] }) : null;
-};
+  }, "handleClose");
+  return actions && actions?.length > 0 ? /* @__PURE__ */ import_react3.default.createElement(import_react_flexbox3.FlexRow, props, /* @__PURE__ */ import_react3.default.createElement(import_material3.IconButton, {
+    size: "small",
+    color: "inherit",
+    onClick: handleClick
+  }, /* @__PURE__ */ import_react3.default.createElement(import_icons_material.MoreHoriz, {
+    fontSize: "inherit"
+  })), /* @__PURE__ */ import_react3.default.createElement(import_material3.Menu, {
+    anchorEl,
+    open,
+    onClose: handleClose
+  }, actions?.map((action) => {
+    return /* @__PURE__ */ import_react3.default.createElement(import_material3.MenuItem, {
+      key: action.name,
+      onClick: /* @__PURE__ */ __name(() => {
+        action?.onClick?.();
+        handleClose();
+      }, "onClick")
+    }, action.name);
+  }))) : null;
+}, "PropertyActionsMenu");
 
 // src/components/IdenticonCorner.tsx
 var import_material4 = require("@mui/material");
 var import_react_flexbox4 = require("@xylabs/react-flexbox");
 var import_react_identicon = require("@xylabs/react-identicon");
-var import_react2 = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var IdenticonCorner = ({ value, ...props }) => {
+var import_react4 = __toESM(require("react"), 1);
+var IdenticonCorner = /* @__PURE__ */ __name(({ value, ...props }) => {
   const theme = (0, import_material4.useTheme)();
-  const [parentHeight, setParentHeight] = (0, import_react2.useState)();
-  const ref = (0, import_react2.useRef)(null);
-  (0, import_react2.useEffect)(() => {
+  const [parentHeight, setParentHeight] = (0, import_react4.useState)();
+  const ref = (0, import_react4.useRef)(null);
+  (0, import_react4.useEffect)(() => {
     setParentHeight(ref.current?.parentElement?.parentElement?.clientHeight);
   }, []);
   const calculatedHeight = parentHeight ?? 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_flexbox4.FlexRow, { alignItems: "flex-start", height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_flexbox4.FlexRow, { background: true, height: calculatedHeight, width: calculatedHeight, borderLeft: `1px solid ${theme.palette.divider}`, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { ref, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_identicon.Identicon, { size: calculatedHeight * 0.6, value: `${value}`, sx: { padding: `${calculatedHeight * 0.2}px` }, ...props }) }) }) });
-};
+  return /* @__PURE__ */ import_react4.default.createElement(import_react_flexbox4.FlexRow, {
+    alignItems: "flex-start",
+    height: "100%"
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_flexbox4.FlexRow, {
+    background: true,
+    height: calculatedHeight,
+    width: calculatedHeight,
+    borderLeft: `1px solid ${theme.palette.divider}`
+  }, /* @__PURE__ */ import_react4.default.createElement("div", {
+    ref
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_identicon.Identicon, {
+    size: calculatedHeight * 0.6,
+    value: `${value}`,
+    sx: {
+      padding: `${calculatedHeight * 0.2}px`
+    },
+    ...props
+  }))));
+}, "IdenticonCorner");
 
 // src/components/Value.tsx
 var import_react_shared = require("@xyo-network/react-shared");
-var import_react3 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var PropertyValue = (0, import_react3.forwardRef)(({ typographyVariant = "body1", value, ...props }, ref) => {
-  return value === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    import_react_shared.EllipsizeBox,
-    {
-      typographyProps: { component: void 0, title: value?.toString(), variant: typographyVariant },
-      width: "100%",
-      ref,
-      ...props,
-      children: value
-    }
-  );
+var import_react5 = __toESM(require("react"), 1);
+var PropertyValue = /* @__PURE__ */ (0, import_react5.forwardRef)(({ typographyVariant = "body1", value, ...props }, ref) => {
+  return value === void 0 ? null : /* @__PURE__ */ import_react5.default.createElement(import_react_shared.EllipsizeBox, {
+    typographyProps: {
+      component: void 0,
+      title: value?.toString(),
+      variant: typographyVariant
+    },
+    width: "100%",
+    ref,
+    ...props
+  }, value);
 });
 PropertyValue.displayName = "PropertyValue";
 
 // src/components/Property.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var PropertyBox = (0, import_react4.forwardRef)(
-  ({ titleProps, title, value, children, size = "medium", tip, actions, required, badge = false, ...props }, ref) => {
-    const sizeValueHeight = {
-      large: 48,
-      medium: 36,
-      small: 24
-    };
-    const sizeVariants = {
-      large: "h6",
-      medium: "body1",
-      small: "body2"
-    };
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_flexbox5.FlexRow, { ref, flexDirection: "column", minWidth: 0, alignItems: "stretch", overflow: "hidden", ...props, children: [
-      title === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        PropertyTitle,
-        {
-          tip,
-          title: required ? `${title}*` : title,
-          size,
-          more: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PropertyActionsMenu, { actions }),
-          ...titleProps
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-        import_react_flexbox5.FlexRow,
-        {
-          pl: 1,
-          columnGap: 1,
-          justifyContent: value === void 0 ? "center" : "space-between",
-          overflow: "hidden",
-          height: sizeValueHeight[size],
-          children: [
-            children ?? value === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material5.CircularProgress, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PropertyValue, { value, typographyVariant: sizeVariants[size] }),
-            value === void 0 ? null : badge ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(IdenticonCorner, { value }) : null
-          ]
-        }
-      )
-    ] });
-  }
-);
+var PropertyBox = /* @__PURE__ */ (0, import_react6.forwardRef)(({ titleProps, title, value, children, size = "medium", tip, actions, required, badge = false, ...props }, ref) => {
+  const sizeValueHeight = {
+    large: 48,
+    medium: 36,
+    small: 24
+  };
+  const sizeVariants = {
+    large: "h6",
+    medium: "body1",
+    small: "body2"
+  };
+  return /* @__PURE__ */ import_react6.default.createElement(import_react_flexbox5.FlexRow, {
+    ref,
+    flexDirection: "column",
+    minWidth: 0,
+    alignItems: "stretch",
+    overflow: "hidden",
+    ...props
+  }, title === void 0 ? null : /* @__PURE__ */ import_react6.default.createElement(PropertyTitle, {
+    tip,
+    title: required ? `${title}*` : title,
+    size,
+    more: /* @__PURE__ */ import_react6.default.createElement(PropertyActionsMenu, {
+      actions
+    }),
+    ...titleProps
+  }), /* @__PURE__ */ import_react6.default.createElement(import_react_flexbox5.FlexRow, {
+    pl: 1,
+    columnGap: 1,
+    justifyContent: value === void 0 ? "center" : "space-between",
+    overflow: "hidden",
+    height: sizeValueHeight[size]
+  }, children ?? value === void 0 ? /* @__PURE__ */ import_react6.default.createElement(import_material5.CircularProgress, {
+    size: 16
+  }) : /* @__PURE__ */ import_react6.default.createElement(PropertyValue, {
+    value,
+    typographyVariant: sizeVariants[size]
+  }), value === void 0 ? null : badge ? /* @__PURE__ */ import_react6.default.createElement(IdenticonCorner, {
+    value
+  }) : null));
+});
 PropertyBox.displayName = "PropertyBox";
-var PropertyPaper = (0, import_react4.forwardRef)(({ style, variant, elevation = 2, square, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material5.Paper, { ref, style: { minWidth: 0, overflow: "hidden", ...style }, variant, elevation, square, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PropertyBox, { ...props, paper: false }) });
+var PropertyPaper = /* @__PURE__ */ (0, import_react6.forwardRef)(({ style, variant, elevation = 2, square, ...props }, ref) => {
+  return /* @__PURE__ */ import_react6.default.createElement(import_material5.Paper, {
+    ref,
+    style: {
+      minWidth: 0,
+      overflow: "hidden",
+      ...style
+    },
+    variant,
+    elevation,
+    square
+  }, /* @__PURE__ */ import_react6.default.createElement(PropertyBox, {
+    ...props,
+    paper: false
+  }));
 });
 PropertyPaper.displayName = "PropertyPaper";
-var Property = (0, import_react4.forwardRef)((props, ref) => {
-  return props.paper ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PropertyPaper, { ref, ...props }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PropertyBox, { ref, ...props });
+var Property = /* @__PURE__ */ (0, import_react6.forwardRef)((props, ref) => {
+  return props.paper ? /* @__PURE__ */ import_react6.default.createElement(PropertyPaper, {
+    ref,
+    ...props
+  }) : /* @__PURE__ */ import_react6.default.createElement(PropertyBox, {
+    ref,
+    ...props
+  });
 });
 Property.displayName = "Property";
 //# sourceMappingURL=index.cjs.map