@xyo-network/react-property 2.25.19 → 2.25.22

package/dist/cjs/components/{PropertyProps.js → Action.js}

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=PropertyProps.js.map
+//# sourceMappingURL=Action.js.map

package/dist/cjs/components/Action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Action.js","sourceRoot":"","sources":["../../../src/components/Action.ts"],"names":[],"mappings":""}

package/dist/{esm/components/PropertyActions.d.ts → cjs/components/Actions.d.ts}

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { PropertyActionsProps } from './PropertyActionsProps';
+import { PropertyActionsProps } from './ActionsProps';
 export declare const PropertyActions: React.FC<PropertyActionsProps>;

package/dist/cjs/components/{PropertyActions.js → Actions.js}

@@ -16,4 +16,4 @@ const PropertyActions = (_a) => {
     return null;
 };
 exports.PropertyActions = PropertyActions;
-//# sourceMappingURL=PropertyActions.js.map
+//# sourceMappingURL=Actions.js.map

package/dist/cjs/components/Actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","sourceRoot":"","sources":["../../../src/components/Actions.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAiD;AACjD,iDAAqD;AAI9C,MAAM,eAAe,GAAmC,CAAC,EAAsC,EAAE,EAAE;;QAA1C,EAAE,OAAO,GAAG,KAAK,EAAE,OAAO,OAAY,EAAP,KAAK,sBAApC,sBAAsC,CAAF;IAClG,IAAI,OAAO,EAAE;QACX,OAAO,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,mCAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAClC,uBAAC,mBAAO,oBAAK,KAAK,cAChB,uBAAC,gBAAK,kBAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,CAAC,gBAC9B,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;oBAC7B,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CACnB,uBAAC,qBAAU,kBAAC,IAAI,EAAC,OAAO,EAAa,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,MAAM,CAAC,OAAO,gBACzE,MAAM,CAAC,IAAI,KADgB,KAAK,CAEtB,CACd,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACZ,uBAAC,oBAAQ,kBAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,SAAS,EAAa,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,OAAO,EAAC,WAAW,gBACpI,MAAM,CAAC,IAAI,KAD8B,KAAK,CAEtC,CACZ,CAAC,CAAC,CAAC,IAAI,CAAA;gBACV,CAAC,CAAC,IACI,IACA,CACX,CAAC,CAAC,CAAC,IAAI,CAAA;KACT;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AArBY,QAAA,eAAe,mBAqB3B"}

package/dist/cjs/components/{PropertyActionsMenu.d.ts → ActionsMenu.d.ts}

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { PropertyActionsProps } from './PropertyActionsProps';
+import { PropertyActionsProps } from './ActionsProps';
 export declare const PropertyActionsMenu: React.FC<PropertyActionsProps>;

package/dist/cjs/components/{PropertyActionsMenu.js → ActionsMenu.js}

@@ -26,4 +26,4 @@ const PropertyActionsMenu = (_a) => {
                 }) }))] }))) : null;
 };
 exports.PropertyActionsMenu = PropertyActionsMenu;
-//# sourceMappingURL=PropertyActionsMenu.js.map
+//# sourceMappingURL=ActionsMenu.js.map

package/dist/cjs/components/ActionsMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionsMenu.js","sourceRoot":"","sources":["../../../src/components/ActionsMenu.tsx"],"names":[],"mappings":";;;;;AAAA,sFAAyD;AACzD,4CAA0D;AAC1D,iDAA2C;AAC3C,iCAAgC;AAIzB,MAAM,mBAAmB,GAAmC,CAAC,EAAqB,EAAE,EAAE;QAAzB,EAAE,OAAO,OAAY,EAAP,KAAK,sBAAnB,WAAqB,CAAF;IACrF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAqB,IAAI,CAAC,CAAA;IAClE,MAAM,IAAI,GAAG,CAAC,CAAC,QAAQ,CAAA;IAEvB,MAAM,WAAW,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC3D,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;IAClC,CAAC,CAAA;IACD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,WAAW,CAAC,IAAI,CAAC,CAAA;IACnB,CAAC,CAAA;IAED,OAAO,OAAO,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,IAAG,CAAC,CAAC,CAAC,CAAC,CACtC,wBAAC,mBAAO,oBAAK,KAAK,eAChB,uBAAC,qBAAU,kBAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,WAAW,gBAC3D,uBAAC,mBAAa,IAAC,QAAQ,EAAC,SAAS,GAAG,IACzB,EACb,uBAAC,eAAI,kBAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,gBACvD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;oBACvB,OAAO,CACL,uBAAC,mBAAQ,kBAEP,OAAO,EAAE,GAAG,EAAE;;4BACZ,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,sDAAI,CAAA;4BACnB,WAAW,EAAE,CAAA;wBACf,CAAC,gBAEA,MAAM,CAAC,IAAI,KANP,MAAM,CAAC,IAAI,CAOP,CACZ,CAAA;gBACH,CAAC,CAAC,IACG,KACC,CACX,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AAjCY,QAAA,mBAAmB,uBAiC/B"}

package/dist/cjs/components/{PropertyActionsProps.d.ts → ActionsProps.d.ts}

@@ -1,5 +1,5 @@
 import { FlexBoxProps } from '@xylabs/sdk-react';
-import { PropertyAction } from './PropertyAction';
+import { PropertyAction } from './Action';
 export interface PropertyActionsProps extends FlexBoxProps {
     buttons?: boolean;
     actions?: PropertyAction[];

package/dist/cjs/components/{PropertyAction.js → ActionsProps.js}

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=PropertyAction.js.map
+//# sourceMappingURL=ActionsProps.js.map

package/dist/cjs/components/ActionsProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionsProps.js","sourceRoot":"","sources":["../../../src/components/ActionsProps.ts"],"names":[],"mappings":""}

package/dist/{esm/components/PropertyGroup.d.ts → cjs/components/Group.d.ts}

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { PropertyGroupProps } from './PropertyProps';
+import { PropertyGroupProps } from './Props';
 export declare const PropertyGroup: React.FC<PropertyGroupProps>;

package/dist/cjs/components/Group.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PropertyGroup = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const sdk_react_1 = require("@xylabs/sdk-react");
+const core_1 = require("@xyo-network/core");
+const Title_1 = require("./Title");
+const PropertyGroupBox = (_a) => {
+    var { titleProps, children, title, tip } = _a, props = tslib_1.__rest(_a, ["titleProps", "children", "title", "tip"]);
+    const theme = (0, material_1.useTheme)();
+    const childrenArray = (0, core_1.typeOf)(children) === 'array' ? children : undefined;
+    return ((0, jsx_runtime_1.jsxs)(sdk_react_1.FlexRow, Object.assign({ overflow: "hidden", justifyContent: "flex-start", alignItems: "stretch" }, props, { children: [(0, jsx_runtime_1.jsx)(Title_1.PropertyTitle, Object.assign({ size: "full", title: title, tip: tip }, titleProps)), childrenArray ? ((0, jsx_runtime_1.jsx)(sdk_react_1.FlexGrowRow, { children: childrenArray === null || childrenArray === void 0 ? void 0 : childrenArray.map((child, index) => {
+                    return child ? ((0, jsx_runtime_1.jsx)(sdk_react_1.FlexGrowRow, Object.assign({ borderLeft: 1, borderColor: theme.palette.divider }, { children: child }), index)) : null;
+                }) })) : (children)] })));
+};
+const PropertyGroupPaper = (_a) => {
+    var { style, variant, elevation, square } = _a, props = tslib_1.__rest(_a, ["style", "variant", "elevation", "square"]);
+    return ((0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ style: Object.assign({ minWidth: 0, overflow: 'hidden' }, style), variant: variant, elevation: elevation, square: square }, { children: (0, jsx_runtime_1.jsx)(PropertyGroupBox, Object.assign({}, props, { paper: false })) })));
+};
+const PropertyGroup = (props) => {
+    return props.paper ? (0, jsx_runtime_1.jsx)(PropertyGroupPaper, Object.assign({}, props)) : (0, jsx_runtime_1.jsx)(PropertyGroupBox, Object.assign({}, props));
+};
+exports.PropertyGroup = PropertyGroup;
+//# sourceMappingURL=Group.js.map

package/dist/cjs/components/Group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Group.js","sourceRoot":"","sources":["../../../src/components/Group.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+C;AAC/C,iDAAwD;AACxD,4CAA0C;AAI1C,mCAAuC;AAEvC,MAAM,gBAAgB,GAAoC,CAAC,EAA8C,EAAE,EAAE;QAAlD,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,OAAY,EAAP,KAAK,sBAA5C,0CAA8C,CAAF;IACrG,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,aAAa,GAAG,IAAA,aAAM,EAAC,QAAQ,CAAC,KAAK,OAAO,CAAC,CAAC,CAAE,QAA2B,CAAC,CAAC,CAAC,SAAS,CAAA;IAC7F,OAAO,CACL,wBAAC,mBAAO,kBAAC,QAAQ,EAAC,QAAQ,EAAC,cAAc,EAAC,YAAY,EAAC,UAAU,EAAC,SAAS,IAAK,KAAK,eACnF,uBAAC,qBAAa,kBAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IAAM,UAAU,EAAI,EACpE,aAAa,CAAC,CAAC,CAAC,CACf,uBAAC,uBAAW,cACT,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;oBACnC,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,uBAAC,uBAAW,kBAAa,UAAU,EAAE,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,gBACvE,KAAK,KADU,KAAK,CAET,CACf,CAAC,CAAC,CAAC,IAAI,CAAA;gBACV,CAAC,CAAC,GACU,CACf,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,KACO,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,kBAAkB,GAAsC,CAAC,EAA+C,EAAE,EAAE;QAAnD,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAY,EAAP,KAAK,sBAA7C,2CAA+C,CAAF;IAC1G,OAAO,CACL,uBAAC,gBAAK,kBAAC,KAAK,kBAAI,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,IAAK,KAAK,GAAI,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,gBACjH,uBAAC,gBAAgB,oBAAK,KAAK,IAAE,KAAK,EAAE,KAAK,IAAI,IACvC,CACT,CAAA;AACH,CAAC,CAAA;AAEM,MAAM,aAAa,GAAiC,CAAC,KAAK,EAAE,EAAE;IACnE,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,uBAAC,kBAAkB,oBAAK,KAAK,EAAI,CAAC,CAAC,CAAC,uBAAC,gBAAgB,oBAAK,KAAK,EAAI,CAAA;AAC1F,CAAC,CAAA;AAFY,QAAA,aAAa,iBAEzB"}

package/dist/cjs/components/IdenticonCorner.js

@@ -16,7 +16,7 @@ const IdenticonCorner = (_a) => {
         setParentHeight((_c = (_b = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement) === null || _c === void 0 ? void 0 : _c.clientHeight);
     }, []);
     const calculatedHeight = parentHeight !== null && parentHeight !== void 0 ? parentHeight : 0;
-    return ((0, jsx_runtime_1.jsx)(sdk_react_1.FlexRow, Object.assign({ alignItems: "flex-start", height: "100%", position: "absolute", right: 0, bottom: 0 }, { children: (0, jsx_runtime_1.jsx)(sdk_react_1.FlexRow, Object.assign({ background: true, height: calculatedHeight, width: calculatedHeight, borderTop: `1px solid ${theme.palette.divider}`, borderLeft: `1px solid ${theme.palette.divider}` }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, { children: (0, jsx_runtime_1.jsx)(sdk_react_1.Identicon, Object.assign({ size: calculatedHeight * 0.6, value: `${value}`, sx: { padding: `${calculatedHeight * 0.2}px` } }, props)) })) })) })));
+    return ((0, jsx_runtime_1.jsx)(sdk_react_1.FlexRow, Object.assign({ alignItems: "flex-start", height: "100%", position: "absolute", right: 0, bottom: 0 }, { children: (0, jsx_runtime_1.jsx)(sdk_react_1.FlexRow, Object.assign({ background: true, height: calculatedHeight, width: calculatedHeight, borderLeft: `1px solid ${theme.palette.divider}` }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, { children: (0, jsx_runtime_1.jsx)(sdk_react_1.Identicon, Object.assign({ size: calculatedHeight * 0.6, value: `${value}`, sx: { padding: `${calculatedHeight * 0.2}px` } }, props)) })) })) })));
 };
 exports.IdenticonCorner = IdenticonCorner;
 //# sourceMappingURL=IdenticonCorner.js.map

package/dist/cjs/components/IdenticonCorner.js.map

@@ -1 +1 @@
-{"version":3,"file":"IdenticonCorner.js","sourceRoot":"","sources":["../../../src/components/IdenticonCorner.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAwC;AACxC,iDAAoE;AACpE,iCAAmD;AAM5C,MAAM,eAAe,GAAmC,CAAC,EAAmB,EAAE,EAAE;QAAvB,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAjB,SAAmB,CAAF;IAC/E,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAA;IAC1D,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAExC,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,eAAe,CAAC,MAAA,MAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,aAAa,0CAAE,aAAa,0CAAE,YAAY,CAAC,CAAA;IAC1E,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,gBAAgB,GAAG,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,CAAC,CAAA;IAE1C,OAAO,CACL,uBAAC,mBAAO,kBAAC,UAAU,EAAC,YAAY,EAAC,MAAM,EAAC,MAAM,EAAC,QAAQ,EAAC,UAAU,EAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,gBACpF,uBAAC,mBAAO,kBAAC,UAAU,QAAC,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,UAAU,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,gBACtK,8CAAK,GAAG,EAAE,GAAG,gBACX,uBAAC,qBAAS,kBAAC,IAAI,EAAE,gBAAgB,GAAG,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,gBAAgB,GAAG,GAAG,IAAI,EAAE,IAAM,KAAK,EAAI,IACrH,IACE,IACF,CACX,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,eAAe,mBAoB3B"}
+{"version":3,"file":"IdenticonCorner.js","sourceRoot":"","sources":["../../../src/components/IdenticonCorner.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAwC;AACxC,iDAAoE;AACpE,iCAAmD;AAM5C,MAAM,eAAe,GAAmC,CAAC,EAAmB,EAAE,EAAE;QAAvB,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAjB,SAAmB,CAAF;IAC/E,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAA;IAC1D,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAExC,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,eAAe,CAAC,MAAA,MAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,aAAa,0CAAE,aAAa,0CAAE,YAAY,CAAC,CAAA;IAC1E,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,gBAAgB,GAAG,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,CAAC,CAAA;IAE1C,OAAO,CACL,uBAAC,mBAAO,kBAAC,UAAU,EAAC,YAAY,EAAC,MAAM,EAAC,MAAM,EAAC,QAAQ,EAAC,UAAU,EAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,gBACpF,uBAAC,mBAAO,kBAAC,UAAU,QAAC,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,gBACrH,8CAAK,GAAG,EAAE,GAAG,gBACX,uBAAC,qBAAS,kBAAC,IAAI,EAAE,gBAAgB,GAAG,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,gBAAgB,GAAG,GAAG,IAAI,EAAE,IAAM,KAAK,EAAI,IACrH,IACE,IACF,CACX,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,eAAe,mBAoB3B"}

package/dist/cjs/components/Property.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { PropertyProps } from './PropertyProps';
+import { PropertyProps } from './Props';
 export declare const Property: React.FC<PropertyProps>;

package/dist/cjs/components/Property.js

@@ -5,30 +5,30 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const sdk_react_1 = require("@xylabs/sdk-react");
+const ActionsMenu_1 = require("./ActionsMenu");
 const IdenticonCorner_1 = require("./IdenticonCorner");
-const PropertyActionsMenu_1 = require("./PropertyActionsMenu");
 const Title_1 = require("./Title");
 const Value_1 = require("./Value");
-const Property = (_a) => {
-    var { border, borderColor, borderRadius, variant, title, color = 'secondary', value, children, size = 'medium', tip, actions, required, badge = false } = _a, props = tslib_1.__rest(_a, ["border", "borderColor", "borderRadius", "variant", "title", "color", "value", "children", "size", "tip", "actions", "required", "badge"]);
-    const theme = (0, material_1.useTheme)();
-    const sizeTitleHeight = {
-        large: 36,
-        medium: 20,
-        small: 14,
-    };
+const PropertyBox = (_a) => {
+    var { titleProps, title, value, children, size = 'medium', tip, actions, required, badge = false } = _a, props = tslib_1.__rest(_a, ["titleProps", "title", "value", "children", "size", "tip", "actions", "required", "badge"]);
     const sizeValueHeight = {
-        large: 64,
+        large: 48,
         medium: 36,
-        small: 26,
+        small: 24,
     };
     const sizeVariants = {
         large: 'h6',
         medium: 'body1',
-        small: 'body1',
+        small: 'body2',
     };
-    const bgcolor = color === 'primary' || color === 'secondary' ? theme.palette[color].main : color;
-    return ((0, jsx_runtime_1.jsxs)(sdk_react_1.FlexCol, Object.assign({ minWidth: 0, alignItems: "stretch", border: (border !== null && border !== void 0 ? border : variant === 'outlined') ? 1 : undefined, borderColor: (borderColor !== null && borderColor !== void 0 ? borderColor : variant === 'outlined') ? theme.palette.divider : undefined, borderRadius: (borderRadius !== null && borderRadius !== void 0 ? borderRadius : variant === 'outlined') ? 1 : undefined, overflow: "hidden" }, props, { children: [title !== undefined ? ((0, jsx_runtime_1.jsx)(Title_1.PropertyTitle, { tip: tip, title: required ? `${title}*` : title, size: size, bgcolor: bgcolor, color: theme.palette.getContrastText(bgcolor), height: sizeTitleHeight[size], more: (0, jsx_runtime_1.jsx)(PropertyActionsMenu_1.PropertyActionsMenu, { actions: actions }) })) : null, (0, jsx_runtime_1.jsxs)(sdk_react_1.FlexRow, Object.assign({ justifyContent: value === undefined ? 'center' : 'space-between', overflow: "hidden", height: sizeValueHeight[size] }, { children: [children ? (children) : value !== undefined ? ((0, jsx_runtime_1.jsx)(Value_1.PropertyValue, { shortSpace: badge ? sizeValueHeight[size] : 0, value: value, typographyVariant: sizeVariants[size] })) : ((0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 16 })), value !== undefined ? badge ? (0, jsx_runtime_1.jsx)(IdenticonCorner_1.IdenticonCorner, { value: value }) : null : null] }))] })));
+    return ((0, jsx_runtime_1.jsxs)(sdk_react_1.FlexRow, Object.assign({ flexDirection: "column", minWidth: 0, alignItems: "stretch", overflow: "hidden" }, props, { children: [title !== undefined ? (0, jsx_runtime_1.jsx)(Title_1.PropertyTitle, Object.assign({ tip: tip, title: required ? `${title}*` : title, size: size, more: (0, jsx_runtime_1.jsx)(ActionsMenu_1.PropertyActionsMenu, { actions: actions }) }, titleProps)) : null, (0, jsx_runtime_1.jsxs)(sdk_react_1.FlexRow, Object.assign({ paddingX: 1, justifyContent: value === undefined ? 'center' : 'space-between', overflow: "hidden", height: sizeValueHeight[size] }, { children: [children ? (children) : value !== undefined ? ((0, jsx_runtime_1.jsx)(Value_1.PropertyValue, { shortSpace: badge ? sizeValueHeight[size] : 0, value: value, typographyVariant: sizeVariants[size] })) : ((0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 16 })), value !== undefined ? badge ? (0, jsx_runtime_1.jsx)(IdenticonCorner_1.IdenticonCorner, { value: value }) : null : null] }))] })));
+};
+const PropertyPaper = (_a) => {
+    var { style, variant, elevation = 2, square } = _a, props = tslib_1.__rest(_a, ["style", "variant", "elevation", "square"]);
+    return ((0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ style: Object.assign({ minWidth: 0, overflow: 'hidden' }, style), variant: variant, elevation: elevation, square: square }, { children: (0, jsx_runtime_1.jsx)(PropertyBox, Object.assign({}, props, { paper: false })) })));
+};
+const Property = (props) => {
+    return props.paper ? (0, jsx_runtime_1.jsx)(PropertyPaper, Object.assign({}, props)) : (0, jsx_runtime_1.jsx)(PropertyBox, Object.assign({}, props));
 };
 exports.Property = Property;
 //# sourceMappingURL=Property.js.map

package/dist/cjs/components/Property.js.map

@@ -1 +1 @@
-{"version":3,"file":"Property.js","sourceRoot":"","sources":["../../../src/components/Property.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Property.js","sourceRoot":"","sources":["../../../src/components/Property.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Props.d.ts

@@ -0,0 +1,34 @@
+import { PaperProps } from '@mui/material';
+import { FlexBoxProps } from '@xylabs/sdk-react';
+import { SizeProp } from '@xyo-network/react-shared';
+import { ReactNode } from 'react';
+import { PropertyAction } from './Action';
+import { PropertyTitleProps } from './Title';
+export interface PropertyBaseProps {
+    tip?: ReactNode;
+    title?: string;
+    paper?: boolean;
+    titleProps?: PropertyTitleProps;
+}
+export declare type PropertyFieldBaseProps = PropertyBaseProps & {
+    actions?: PropertyAction[];
+    required?: boolean;
+    value?: string | number | boolean | null;
+    badge?: boolean;
+    size?: SizeProp;
+};
+export declare type PropertyBoxProps = PropertyFieldBaseProps & FlexBoxProps & {
+    paper?: false;
+};
+export declare type PropertyPaperProps = PropertyFieldBaseProps & PaperProps & {
+    paper: true;
+};
+export declare type PropertyProps = PropertyBoxProps | PropertyPaperProps;
+export declare type PropertyGroupBaseProps = PropertyBaseProps;
+export declare type PropertyGroupBoxProps = PropertyGroupBaseProps & FlexBoxProps & {
+    paper?: false;
+};
+export declare type PropertyGroupPaperProps = PropertyGroupBaseProps & PaperProps & {
+    paper: true;
+};
+export declare type PropertyGroupProps = PropertyGroupBoxProps | PropertyGroupPaperProps;

package/dist/cjs/components/{PropertyActionsProps.js → Props.js}

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=PropertyActionsProps.js.map
+//# sourceMappingURL=Props.js.map

package/dist/cjs/components/Props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Props.js","sourceRoot":"","sources":["../../../src/components/Props.tsx"],"names":[],"mappings":""}

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

@@ -1,10 +1,13 @@
 import { FlexBoxProps } from '@xylabs/sdk-react';
 import { SizeProp } from '@xyo-network/react-shared';
 import { ReactNode } from 'react';
+declare type TitleSizeProp = SizeProp | 'full';
 export interface PropertyTitleProps extends FlexBoxProps {
     tip?: ReactNode;
     more?: ReactNode;
     title?: string;
-    size?: SizeProp;
+    size?: TitleSizeProp;
+    elevation?: number;
 }
 export declare const PropertyTitle: React.FC<PropertyTitleProps>;
+export {};

package/dist/cjs/components/Title.js

@@ -6,14 +6,28 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const sdk_react_1 = require("@xylabs/sdk-react");
 const PropertyTitle = (_a) => {
-    var { size = 'medium', tip, more, title } = _a, props = tslib_1.__rest(_a, ["size", "tip", "more", "title"]);
+    var { elevation = 1, size = 'medium', tip, more, title } = _a, props = tslib_1.__rest(_a, ["elevation", "size", "tip", "more", "title"]);
     const sizeVariants = {
+        full: 'h6',
         large: 'h6',
         medium: 'caption',
         small: 'caption',
     };
+    const sizeTitleHeight = {
+        full: undefined,
+        large: 32,
+        medium: 20,
+        small: 16,
+    };
+    const sizeFontSize = {
+        full: 24,
+        large: 24,
+        medium: 14,
+        small: 10,
+    };
+    const quickTipSize = sizeFontSize[size] < 18 ? sizeFontSize[size] : 18;
     const theme = (0, material_1.useTheme)();
-    return ((0, jsx_runtime_1.jsxs)(sdk_react_1.FlexRow, Object.assign({ justifyContent: "space-between" }, props, { children: [(0, jsx_runtime_1.jsxs)(sdk_react_1.FlexRow, Object.assign({ paddingX: 1 }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ noWrap: true, variant: sizeVariants[size] }, { children: title })), tip ? ((0, jsx_runtime_1.jsx)(sdk_react_1.QuickTipButton, Object.assign({ style: { fontSize: theme.typography[sizeVariants[size]].fontSize }, color: "inherit", title: title !== null && title !== void 0 ? title : '' }, { children: tip }))) : null] })), more] })));
+    return ((0, jsx_runtime_1.jsxs)(sdk_react_1.FlexRow, Object.assign({ bgcolor: theme.palette.mode === 'dark' ? (0, material_1.lighten)(theme.palette.background.paper, 0.05 * elevation) : (0, material_1.darken)(theme.palette.background.paper, 0.05 * elevation), alignItems: "center", height: sizeTitleHeight[size], justifyContent: "space-between" }, props, { children: [(0, jsx_runtime_1.jsxs)(sdk_react_1.FlexRow, Object.assign({ paddingX: 1 }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontWeight: 700, noWrap: true, variant: sizeVariants[size], fontSize: sizeFontSize[size] }, { children: title })), tip ? ((0, jsx_runtime_1.jsx)(sdk_react_1.QuickTipButton, Object.assign({ style: { fontSize: quickTipSize }, color: "inherit", title: title !== null && title !== void 0 ? title : '' }, { children: tip }))) : null] })), more] })));
 };
 exports.PropertyTitle = PropertyTitle;
 //# sourceMappingURL=Title.js.map

package/dist/cjs/components/Title.js.map

@@ -1 +1 @@
-{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../src/components/Title.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAuE;AACvE,iDAAyE;AAWlE,MAAM,aAAa,GAAiC,CAAC,EAA+C,EAAE,EAAE;QAAnD,EAAE,IAAI,GAAG,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,OAAY,EAAP,KAAK,sBAA7C,gCAA+C,CAAF;IACvG,MAAM,YAAY,GAAwC;QACxD,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,SAAS;KACjB,CAAA;IAED,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,OAAO,CACL,wBAAC,mBAAO,kBAAC,cAAc,EAAC,eAAe,IAAK,KAAK,eAC/C,wBAAC,mBAAO,kBAAC,QAAQ,EAAE,CAAC,iBAClB,uBAAC,qBAAU,kBAAC,MAAM,QAAC,OAAO,EAAE,YAAY,CAAC,IAAI,CAAC,gBAC3C,KAAK,IACK,EACZ,GAAG,CAAC,CAAC,CAAC,CACL,uBAAC,0BAAc,kBAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,gBACnH,GAAG,IACW,CAClB,CAAC,CAAC,CAAC,IAAI,KACA,EACT,IAAI,KACG,CACX,CAAA;AACH,CAAC,CAAA;AAxBY,QAAA,aAAa,iBAwBzB"}
+{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../src/components/Title.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAwF;AACxF,iDAAyE;AAclE,MAAM,aAAa,GAAiC,CAAC,EAA8D,EAAE,EAAE;QAAlE,EAAE,SAAS,GAAG,CAAC,EAAE,IAAI,GAAG,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,OAAY,EAAP,KAAK,sBAA5D,6CAA8D,CAAF;IACtH,MAAM,YAAY,GAA6C;QAC7D,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,SAAS;KACjB,CAAA;IAED,MAAM,eAAe,GAA8C;QACjE,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV,CAAA;IAED,MAAM,YAAY,GAAkC;QAClD,IAAI,EAAE,EAAE;QACR,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV,CAAA;IAED,MAAM,YAAY,GAAG,YAAY,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAEtE,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,OAAO,CACL,wBAAC,mBAAO,kBACN,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,IAAA,kBAAO,EAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,IAAA,iBAAM,EAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,CAAC,EAC7J,UAAU,EAAC,QAAQ,EACnB,MAAM,EAAE,eAAe,CAAC,IAAI,CAAC,EAC7B,cAAc,EAAC,eAAe,IAC1B,KAAK,eAET,wBAAC,mBAAO,kBAAC,QAAQ,EAAE,CAAC,iBAClB,uBAAC,qBAAU,kBAAC,UAAU,EAAE,GAAG,EAAE,MAAM,QAAC,OAAO,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,gBAC1F,KAAK,IACK,EACZ,GAAG,CAAC,CAAC,CAAC,CACL,uBAAC,0BAAc,kBAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,gBAClF,GAAG,IACW,CAClB,CAAC,CAAC,CAAC,IAAI,KACA,EACT,IAAI,KACG,CACX,CAAA;AACH,CAAC,CAAA;AA/CY,QAAA,aAAa,iBA+CzB"}

package/dist/cjs/components/Value.js

@@ -36,7 +36,7 @@ const PropertyValue = (_a) => {
             window === null || window === void 0 ? void 0 : window.removeEventListener('resize', resizeHandler);
         };
     }, []);
-    return value !== undefined ? ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ minWidth: 0, marginX: 1, ref: ref, component: "div", variant: typographyVariant, fontFamily: "monospace", fontWeight: "light" }, customThemeProps, props, { children: value }))) : null;
+    return value !== undefined ? ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ minWidth: 0, ref: ref, component: "div", variant: typographyVariant, fontFamily: "monospace", fontWeight: "light" }, customThemeProps, props, { children: value }))) : null;
 };
 exports.PropertyValue = PropertyValue;
 //# sourceMappingURL=Value.js.map

package/dist/cjs/components/Value.js.map

@@ -1 +1 @@
-{"version":3,"file":"Value.js","sourceRoot":"","sources":["../../../src/components/Value.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAqE;AAErE,iCAAmD;AAS5C,MAAM,aAAa,GAAiC,CAAC,EAA4D,EAAE,EAAE;QAAhE,EAAE,KAAK,EAAE,UAAU,EAAE,iBAAiB,GAAG,OAAO,OAAY,EAAP,KAAK,sBAA1D,4CAA4D,CAAF;IACpH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAA;IACxD,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAExC,MAAM,gBAAgB,GAAG;QACvB,OAAO,EAAE,WAAW,IAAI,KAAK,CAAC,CAAC,CAAC,WAAW,GAAG,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;QAC5G,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,EAAE;KACzB,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,aAAa,GAAG,GAAG,EAAE;YACzB,MAAM,aAAa,GAAG,sBAAsB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;YACzD,cAAc,CAAC,aAAa,CAAC,CAAA;QAC/B,CAAC,CAAA;QAED,MAAM,sBAAsB,GAAG,CAAC,OAA2B,EAAE,EAAE;YAC7D,IAAI,OAAO,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,CAAA;YACpC,IAAI,KAAK,GAAkB,IAAI,CAAA;YAC/B,OAAO,OAAO,EAAE;gBACd,IAAI,KAAK,KAAK,IAAI,IAAI,OAAO,CAAC,WAAW,GAAG,KAAK,EAAE;oBACjD,KAAK,GAAG,OAAO,CAAC,WAAW,CAAA;iBAC5B;gBACD,OAAO,GAAG,OAAO,CAAC,aAAa,CAAA;aAChC;YACD,OAAO,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,CAAA;QAC3B,CAAC,CAAA;QAED,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAA;QAEhD,cAAc,CAAC,sBAAsB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAA;QAEnD,OAAO,GAAG,EAAE;YACV,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,mBAAmB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAC3B,uBAAC,qBAAU,kBAAC,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAC,WAAW,EAAC,UAAU,EAAC,OAAO,IAAK,gBAAgB,EAAM,KAAK,cACjK,KAAK,IACK,CACd,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AA3CY,QAAA,aAAa,iBA2CzB"}
+{"version":3,"file":"Value.js","sourceRoot":"","sources":["../../../src/components/Value.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAqE;AAErE,iCAAmD;AAS5C,MAAM,aAAa,GAAiC,CAAC,EAA4D,EAAE,EAAE;QAAhE,EAAE,KAAK,EAAE,UAAU,EAAE,iBAAiB,GAAG,OAAO,OAAY,EAAP,KAAK,sBAA1D,4CAA4D,CAAF;IACpH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAA;IACxD,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAExC,MAAM,gBAAgB,GAAG;QACvB,OAAO,EAAE,WAAW,IAAI,KAAK,CAAC,CAAC,CAAC,WAAW,GAAG,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;QAC5G,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,EAAE;KACzB,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,aAAa,GAAG,GAAG,EAAE;YACzB,MAAM,aAAa,GAAG,sBAAsB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;YACzD,cAAc,CAAC,aAAa,CAAC,CAAA;QAC/B,CAAC,CAAA;QAED,MAAM,sBAAsB,GAAG,CAAC,OAA2B,EAAE,EAAE;YAC7D,IAAI,OAAO,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,CAAA;YACpC,IAAI,KAAK,GAAkB,IAAI,CAAA;YAC/B,OAAO,OAAO,EAAE;gBACd,IAAI,KAAK,KAAK,IAAI,IAAI,OAAO,CAAC,WAAW,GAAG,KAAK,EAAE;oBACjD,KAAK,GAAG,OAAO,CAAC,WAAW,CAAA;iBAC5B;gBACD,OAAO,GAAG,OAAO,CAAC,aAAa,CAAA;aAChC;YACD,OAAO,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,CAAA;QAC3B,CAAC,CAAA;QAED,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAA;QAEhD,cAAc,CAAC,sBAAsB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAA;QAEnD,OAAO,GAAG,EAAE;YACV,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,mBAAmB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAC3B,uBAAC,qBAAU,kBAAC,QAAQ,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAC,WAAW,EAAC,UAAU,EAAC,OAAO,IAAK,gBAAgB,EAAM,KAAK,cACrJ,KAAK,IACK,CACd,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AA3CY,QAAA,aAAa,iBA2CzB"}

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

@@ -1,6 +1,5 @@
+export * from './Action';
+export * from './Group';
 export * from './Property';
-export * from './PropertyAction';
-export * from './PropertyGroup';
-export * from './PropertyProps';
-export * from './usePropertyHeroProps';
+export * from './Props';
 export * from './Value';

package/dist/cjs/components/index.js

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Action"), exports);
+tslib_1.__exportStar(require("./Group"), exports);
 tslib_1.__exportStar(require("./Property"), exports);
-tslib_1.__exportStar(require("./PropertyAction"), exports);
-tslib_1.__exportStar(require("./PropertyGroup"), exports);
-tslib_1.__exportStar(require("./PropertyProps"), exports);
-tslib_1.__exportStar(require("./usePropertyHeroProps"), exports);
+tslib_1.__exportStar(require("./Props"), exports);
 tslib_1.__exportStar(require("./Value"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,qDAA0B;AAC1B,2DAAgC;AAChC,0DAA+B;AAC/B,0DAA+B;AAC/B,iEAAsC;AACtC,kDAAuB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,mDAAwB;AACxB,kDAAuB;AACvB,qDAA0B;AAC1B,kDAAuB;AACvB,kDAAuB"}