@xyo-network/react-property 2.64.0-rc.2 → 2.64.0-rc.4

package/dist/node/components/Props.d.mts

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

package/dist/node/components/Props.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Props.d.ts","sourceRoot":"","sources":["../../../src/components/Props.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAE5C,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,GAAG,CAAC,EAAE,SAAS,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,kBAAkB,CAAA;CAChC;AAED,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,GAAG;IACvD,OAAO,CAAC,EAAE,cAAc,EAAE,CAAA;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;CACzC,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,GACnD,YAAY,GAAG;IACb,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAAA;AAEH,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,GACrD,UAAU,GAAG;IACX,KAAK,EAAE,IAAI,CAAA;CACZ,CAAA;AAEH,MAAM,MAAM,aAAa,GAAG,gBAAgB,GAAG,kBAAkB,CAAA;AAEjE,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CAAA;AAEtD,MAAM,MAAM,qBAAqB,GAAG,sBAAsB,GACxD,YAAY,GAAG;IACb,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAAA;AAEH,MAAM,MAAM,uBAAuB,GAAG,sBAAsB,GAC1D,UAAU,GAAG;IACX,KAAK,EAAE,IAAI,CAAA;CACZ,CAAA;AAEH,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,GAAG,uBAAuB,CAAA"}

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

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

package/dist/node/components/Props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Props.d.ts","sourceRoot":"","sources":["../../../src/components/Props.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAE5C,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,GAAG,CAAC,EAAE,SAAS,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,kBAAkB,CAAA;CAChC;AAED,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,GAAG;IACvD,OAAO,CAAC,EAAE,cAAc,EAAE,CAAA;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;CACzC,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,GACnD,YAAY,GAAG;IACb,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAAA;AAEH,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,GACrD,UAAU,GAAG;IACX,KAAK,EAAE,IAAI,CAAA;CACZ,CAAA;AAEH,MAAM,MAAM,aAAa,GAAG,gBAAgB,GAAG,kBAAkB,CAAA;AAEjE,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CAAA;AAEtD,MAAM,MAAM,qBAAqB,GAAG,sBAAsB,GACxD,YAAY,GAAG;IACb,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAAA;AAEH,MAAM,MAAM,uBAAuB,GAAG,sBAAsB,GAC1D,UAAU,GAAG;IACX,KAAK,EAAE,IAAI,CAAA;CACZ,CAAA;AAEH,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,GAAG,uBAAuB,CAAA"}

package/dist/node/components/Props.js

@@ -0,0 +1,17 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Props_exports = {};
+module.exports = __toCommonJS(Props_exports);
+//# sourceMappingURL=Props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Props.tsx"],"sourcesContent":["import { PaperProps } from '@mui/material'\nimport { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { SizeProp } from '@xyo-network/react-shared'\nimport { ReactNode } from 'react'\n\nimport { PropertyAction } from './Action'\nimport { PropertyTitleProps } from './Title'\n\nexport interface PropertyBaseProps {\n  paper?: boolean\n  tip?: ReactNode\n  title?: string\n  titleProps?: PropertyTitleProps\n}\n\nexport type PropertyFieldBaseProps = PropertyBaseProps & {\n  actions?: PropertyAction[]\n  badge?: boolean\n  required?: boolean\n  size?: SizeProp\n  value?: string | number | boolean | null\n}\n\nexport type PropertyBoxProps = PropertyFieldBaseProps &\n  FlexBoxProps & {\n    paper?: false\n  }\n\nexport type PropertyPaperProps = PropertyFieldBaseProps &\n  PaperProps & {\n    paper: true\n  }\n\nexport type PropertyProps = PropertyBoxProps | PropertyPaperProps\n\nexport type PropertyGroupBaseProps = PropertyBaseProps\n\nexport type PropertyGroupBoxProps = PropertyGroupBaseProps &\n  FlexBoxProps & {\n    paper?: false\n  }\n\nexport type PropertyGroupPaperProps = PropertyGroupBaseProps &\n  PaperProps & {\n    paper: true\n  }\n\nexport type PropertyGroupProps = PropertyGroupBoxProps | PropertyGroupPaperProps\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/node/components/Props.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=Props.mjs.map

package/dist/node/components/Props.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

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

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

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +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"}

package/dist/node/components/Title.js

@@ -0,0 +1,71 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Title_exports = {};
+__export(Title_exports, {
+  PropertyTitle: () => PropertyTitle
+});
+module.exports = __toCommonJS(Title_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+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");
+const PropertyTitle = ({ elevation = 1, size = "medium", tip, more, title, ...props }) => {
+  const sizeVariants = {
+    full: "caption",
+    large: "caption",
+    medium: "caption",
+    small: "caption"
+  };
+  const sizeTitleHeight = {
+    full: void 0,
+    large: 32,
+    medium: 20,
+    small: 16
+  };
+  const sizeFontSize = {
+    full: 16,
+    large: 16,
+    medium: 14,
+    small: 10
+  };
+  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
+      ]
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PropertyTitle
+});
+//# sourceMappingURL=Title.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Title.tsx"],"sourcesContent":["import { darken, lighten, Typography, TypographyVariant, useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { QuickTipButton } from '@xylabs/react-quick-tip-button'\nimport { SizeProp } from '@xyo-network/react-shared'\nimport { ReactNode } from 'react'\n\nexport type TitleSizeProp = SizeProp | 'full'\n\nexport interface PropertyTitleProps extends FlexBoxProps {\n  elevation?: number\n  more?: ReactNode\n  size?: TitleSizeProp\n  tip?: ReactNode\n  title?: string\n}\n\nexport const PropertyTitle: React.FC<PropertyTitleProps> = ({ elevation = 1, size = 'medium', tip, more, title, ...props }) => {\n  const sizeVariants: Record<TitleSizeProp, TypographyVariant> = {\n    full: 'caption',\n    large: 'caption',\n    medium: 'caption',\n    small: 'caption',\n  }\n\n  const sizeTitleHeight: Record<TitleSizeProp, number | undefined> = {\n    full: undefined,\n    large: 32,\n    medium: 20,\n    small: 16,\n  }\n\n  const sizeFontSize: Record<TitleSizeProp, number> = {\n    full: 16,\n    large: 16,\n    medium: 14,\n    small: 10,\n  }\n\n  const quickTipSize = sizeFontSize[size] < 16 ? sizeFontSize[size] : 16\n\n  const theme = useTheme()\n\n  return (\n    <FlexRow\n      bgcolor={\n        theme.palette.mode === 'dark'\n          ? lighten(theme.palette.background.paper, 0.05 * elevation)\n          : darken(theme.palette.background.paper, 0.025 * elevation)\n      }\n      alignItems=\"center\"\n      height={sizeTitleHeight[size]}\n      justifyContent=\"space-between\"\n      {...props}\n    >\n      <FlexRow paddingX={1} paddingY={0.5}>\n        <Typography fontWeight={500} noWrap variant={sizeVariants[size]} fontSize={sizeFontSize[size]}>\n          <small>\n            <strong>{title}</strong>\n          </small>\n        </Typography>\n        {tip ? (\n          <QuickTipButton style={{ fontSize: quickTipSize }} color=\"inherit\" title={title ?? ''}>\n            {tip}\n          </QuickTipButton>\n        ) : null}\n      </FlexRow>\n      {more}\n    </FlexRow>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsDM;AAtDN,sBAAyE;AACzE,2BAAsC;AACtC,oCAA+B;AAcxB,MAAM,gBAA8C,CAAC,EAAE,YAAY,GAAG,OAAO,UAAU,KAAK,MAAM,OAAO,GAAG,MAAM,MAAM;AAC7H,QAAM,eAAyD;AAAA,IAC7D,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAEA,QAAM,kBAA6D;AAAA,IACjE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAEA,QAAM,eAA8C;AAAA,IAClD,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAEA,QAAM,eAAe,aAAa,IAAI,IAAI,KAAK,aAAa,IAAI,IAAI;AAEpE,QAAM,YAAQ,0BAAS;AAEvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SACE,MAAM,QAAQ,SAAS,aACnB,yBAAQ,MAAM,QAAQ,WAAW,OAAO,OAAO,SAAS,QACxD,wBAAO,MAAM,QAAQ,WAAW,OAAO,QAAQ,SAAS;AAAA,MAE9D,YAAW;AAAA,MACX,QAAQ,gBAAgB,IAAI;AAAA,MAC5B,gBAAe;AAAA,MACd,GAAG;AAAA,MAEJ;AAAA,qDAAC,gCAAQ,UAAU,GAAG,UAAU,KAC9B;AAAA,sDAAC,8BAAW,YAAY,KAAK,QAAM,MAAC,SAAS,aAAa,IAAI,GAAG,UAAU,aAAa,IAAI,GAC1F,sDAAC,WACC,sDAAC,YAAQ,iBAAM,GACjB,GACF;AAAA,UACC,MACC,4CAAC,gDAAe,OAAO,EAAE,UAAU,aAAa,GAAG,OAAM,WAAU,OAAO,SAAS,IAChF,eACH,IACE;AAAA,WACN;AAAA,QACC;AAAA;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/node/components/Title.mjs

@@ -0,0 +1,47 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { darken, lighten, Typography, useTheme } from "@mui/material";
+import { FlexRow } from "@xylabs/react-flexbox";
+import { QuickTipButton } from "@xylabs/react-quick-tip-button";
+const PropertyTitle = ({ elevation = 1, size = "medium", tip, more, title, ...props }) => {
+  const sizeVariants = {
+    full: "caption",
+    large: "caption",
+    medium: "caption",
+    small: "caption"
+  };
+  const sizeTitleHeight = {
+    full: void 0,
+    large: 32,
+    medium: 20,
+    small: 16
+  };
+  const sizeFontSize = {
+    full: 16,
+    large: 16,
+    medium: 14,
+    small: 10
+  };
+  const quickTipSize = sizeFontSize[size] < 16 ? sizeFontSize[size] : 16;
+  const theme = useTheme();
+  return /* @__PURE__ */ jsxs(
+    FlexRow,
+    {
+      bgcolor: theme.palette.mode === "dark" ? lighten(theme.palette.background.paper, 0.05 * elevation) : darken(theme.palette.background.paper, 0.025 * elevation),
+      alignItems: "center",
+      height: sizeTitleHeight[size],
+      justifyContent: "space-between",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs(FlexRow, { paddingX: 1, paddingY: 0.5, children: [
+          /* @__PURE__ */ jsx(Typography, { fontWeight: 500, noWrap: true, variant: sizeVariants[size], fontSize: sizeFontSize[size], children: /* @__PURE__ */ jsx("small", { children: /* @__PURE__ */ jsx("strong", { children: title }) }) }),
+          tip ? /* @__PURE__ */ jsx(QuickTipButton, { style: { fontSize: quickTipSize }, color: "inherit", title: title ?? "", children: tip }) : null
+        ] }),
+        more
+      ]
+    }
+  );
+};
+export {
+  PropertyTitle
+};
+//# sourceMappingURL=Title.mjs.map

package/dist/node/components/Title.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Title.tsx"],"sourcesContent":["import { darken, lighten, Typography, TypographyVariant, useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { QuickTipButton } from '@xylabs/react-quick-tip-button'\nimport { SizeProp } from '@xyo-network/react-shared'\nimport { ReactNode } from 'react'\n\nexport type TitleSizeProp = SizeProp | 'full'\n\nexport interface PropertyTitleProps extends FlexBoxProps {\n  elevation?: number\n  more?: ReactNode\n  size?: TitleSizeProp\n  tip?: ReactNode\n  title?: string\n}\n\nexport const PropertyTitle: React.FC<PropertyTitleProps> = ({ elevation = 1, size = 'medium', tip, more, title, ...props }) => {\n  const sizeVariants: Record<TitleSizeProp, TypographyVariant> = {\n    full: 'caption',\n    large: 'caption',\n    medium: 'caption',\n    small: 'caption',\n  }\n\n  const sizeTitleHeight: Record<TitleSizeProp, number | undefined> = {\n    full: undefined,\n    large: 32,\n    medium: 20,\n    small: 16,\n  }\n\n  const sizeFontSize: Record<TitleSizeProp, number> = {\n    full: 16,\n    large: 16,\n    medium: 14,\n    small: 10,\n  }\n\n  const quickTipSize = sizeFontSize[size] < 16 ? sizeFontSize[size] : 16\n\n  const theme = useTheme()\n\n  return (\n    <FlexRow\n      bgcolor={\n        theme.palette.mode === 'dark'\n          ? lighten(theme.palette.background.paper, 0.05 * elevation)\n          : darken(theme.palette.background.paper, 0.025 * elevation)\n      }\n      alignItems=\"center\"\n      height={sizeTitleHeight[size]}\n      justifyContent=\"space-between\"\n      {...props}\n    >\n      <FlexRow paddingX={1} paddingY={0.5}>\n        <Typography fontWeight={500} noWrap variant={sizeVariants[size]} fontSize={sizeFontSize[size]}>\n          <small>\n            <strong>{title}</strong>\n          </small>\n        </Typography>\n        {tip ? (\n          <QuickTipButton style={{ fontSize: quickTipSize }} color=\"inherit\" title={title ?? ''}>\n            {tip}\n          </QuickTipButton>\n        ) : null}\n      </FlexRow>\n      {more}\n    </FlexRow>\n  )\n}\n"],"mappings":"AAsDM,SAGM,KAHN;AAtDN,SAAS,QAAQ,SAAS,YAA+B,gBAAgB;AACzE,SAAuB,eAAe;AACtC,SAAS,sBAAsB;AAcxB,MAAM,gBAA8C,CAAC,EAAE,YAAY,GAAG,OAAO,UAAU,KAAK,MAAM,OAAO,GAAG,MAAM,MAAM;AAC7H,QAAM,eAAyD;AAAA,IAC7D,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAEA,QAAM,kBAA6D;AAAA,IACjE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAEA,QAAM,eAA8C;AAAA,IAClD,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAEA,QAAM,eAAe,aAAa,IAAI,IAAI,KAAK,aAAa,IAAI,IAAI;AAEpE,QAAM,QAAQ,SAAS;AAEvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SACE,MAAM,QAAQ,SAAS,SACnB,QAAQ,MAAM,QAAQ,WAAW,OAAO,OAAO,SAAS,IACxD,OAAO,MAAM,QAAQ,WAAW,OAAO,QAAQ,SAAS;AAAA,MAE9D,YAAW;AAAA,MACX,QAAQ,gBAAgB,IAAI;AAAA,MAC5B,gBAAe;AAAA,MACd,GAAG;AAAA,MAEJ;AAAA,6BAAC,WAAQ,UAAU,GAAG,UAAU,KAC9B;AAAA,8BAAC,cAAW,YAAY,KAAK,QAAM,MAAC,SAAS,aAAa,IAAI,GAAG,UAAU,aAAa,IAAI,GAC1F,8BAAC,WACC,8BAAC,YAAQ,iBAAM,GACjB,GACF;AAAA,UACC,MACC,oBAAC,kBAAe,OAAO,EAAE,UAAU,aAAa,GAAG,OAAM,WAAU,OAAO,SAAS,IAChF,eACH,IACE;AAAA,WACN;AAAA,QACC;AAAA;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/node/components/Title.stories.js

@@ -0,0 +1,53 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Title_stories_exports = {};
+__export(Title_stories_exports, {
+  Default: () => Default,
+  WithData: () => WithData,
+  WithDataAndActions: () => WithDataAndActions,
+  default: () => Title_stories_default
+});
+module.exports = __toCommonJS(Title_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_Title = require("./Title");
+const StorybookEntry = {
+  argTypes: {},
+  component: import_Title.PropertyTitle,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "property/Title"
+};
+const Template = (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Title.PropertyTitle, { ...args });
+const Default = Template.bind({});
+Default.args = {};
+const WithData = Template.bind({});
+WithData.args = { title: "Sample Title" };
+const WithDataAndActions = Template.bind({});
+WithDataAndActions.args = { title: "Sample Title" };
+var Title_stories_default = StorybookEntry;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Default,
+  WithData,
+  WithDataAndActions
+});
+//# sourceMappingURL=Title.stories.js.map

package/dist/node/components/Title.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Title.stories.tsx"],"sourcesContent":["import { Meta, StoryFn } from '@storybook/react'\n\nimport { PropertyTitle } from './Title'\n\nconst StorybookEntry = {\n  argTypes: {},\n  component: PropertyTitle,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'property/Title',\n} as Meta<typeof PropertyTitle>\n\nconst Template: StoryFn<typeof PropertyTitle> = (args) => <PropertyTitle {...args}></PropertyTitle>\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nconst WithData = Template.bind({})\n\nWithData.args = { title: 'Sample Title' }\n\nconst WithDataAndActions = Template.bind({})\n\nWithDataAndActions.args = { title: 'Sample Title' }\n\nexport { Default, WithData, WithDataAndActions }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe0D;AAb1D,mBAA8B;AAE9B,MAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAA0C,CAAC,SAAS,4CAAC,8BAAe,GAAG,MAAM;AAEnF,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAEhB,MAAM,WAAW,SAAS,KAAK,CAAC,CAAC;AAEjC,SAAS,OAAO,EAAE,OAAO,eAAe;AAExC,MAAM,qBAAqB,SAAS,KAAK,CAAC,CAAC;AAE3C,mBAAmB,OAAO,EAAE,OAAO,eAAe;AAKlD,IAAO,wBAAQ;","names":[]}

package/dist/node/components/Title.stories.mjs

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import { PropertyTitle } from "./Title";
+const StorybookEntry = {
+  argTypes: {},
+  component: PropertyTitle,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "property/Title"
+};
+const Template = (args) => /* @__PURE__ */ jsx(PropertyTitle, { ...args });
+const Default = Template.bind({});
+Default.args = {};
+const WithData = Template.bind({});
+WithData.args = { title: "Sample Title" };
+const WithDataAndActions = Template.bind({});
+WithDataAndActions.args = { title: "Sample Title" };
+var Title_stories_default = StorybookEntry;
+export {
+  Default,
+  WithData,
+  WithDataAndActions,
+  Title_stories_default as default
+};
+//# sourceMappingURL=Title.stories.mjs.map

package/dist/node/components/Title.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Title.stories.tsx"],"sourcesContent":["import { Meta, StoryFn } from '@storybook/react'\n\nimport { PropertyTitle } from './Title'\n\nconst StorybookEntry = {\n  argTypes: {},\n  component: PropertyTitle,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'property/Title',\n} as Meta<typeof PropertyTitle>\n\nconst Template: StoryFn<typeof PropertyTitle> = (args) => <PropertyTitle {...args}></PropertyTitle>\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nconst WithData = Template.bind({})\n\nWithData.args = { title: 'Sample Title' }\n\nconst WithDataAndActions = Template.bind({})\n\nWithDataAndActions.args = { title: 'Sample Title' }\n\nexport { Default, WithData, WithDataAndActions }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AAe0D;AAb1D,SAAS,qBAAqB;AAE9B,MAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAA0C,CAAC,SAAS,oBAAC,iBAAe,GAAG,MAAM;AAEnF,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAEhB,MAAM,WAAW,SAAS,KAAK,CAAC,CAAC;AAEjC,SAAS,OAAO,EAAE,OAAO,eAAe;AAExC,MAAM,qBAAqB,SAAS,KAAK,CAAC,CAAC;AAE3C,mBAAmB,OAAO,EAAE,OAAO,eAAe;AAKlD,IAAO,wBAAQ;","names":[]}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { Variant } from '@mui/material/styles/createTypography';
+import { EllipsizeBoxProps } from '@xyo-network/react-shared';
+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>>;
+//# sourceMappingURL=Value.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Value.d.ts","sourceRoot":"","sources":["../../../src/components/Value.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAA;AACpE,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,+GAMxB,CAAA"}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { Variant } from '@mui/material/styles/createTypography';
+import { EllipsizeBoxProps } from '@xyo-network/react-shared';
+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>>;
+//# sourceMappingURL=Value.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Value.d.ts","sourceRoot":"","sources":["../../../src/components/Value.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAA;AACpE,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,+GAMxB,CAAA"}

package/dist/node/components/Value.js

@@ -0,0 +1,35 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Value_exports = {};
+__export(Value_exports, {
+  PropertyValue: () => PropertyValue
+});
+module.exports = __toCommonJS(Value_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_shared = require("@xyo-network/react-shared");
+var import_react = require("react");
+const PropertyValue = (0, import_react.forwardRef)(({ typographyVariant = "body1", value, ...props }, ref) => {
+  return value !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.EllipsizeBox, { typographyProps: { component: void 0, title: value?.toString(), variant: typographyVariant }, width: "100%", ref, ...props, children: value }) : null;
+});
+PropertyValue.displayName = "PropertyValue";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PropertyValue
+});
+//# sourceMappingURL=Value.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Value.tsx"],"sourcesContent":["import type { Variant } from '@mui/material/styles/createTypography'\nimport { EllipsizeBox, EllipsizeBoxProps } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nexport interface PropertyValueProps extends Omit<EllipsizeBoxProps, 'ref'> {\n  typographyVariant?: Variant\n  value?: string | number | boolean | null\n}\n\nexport const PropertyValue = forwardRef<HTMLDivElement, PropertyValueProps>(({ typographyVariant = 'body1', value, ...props }, ref) => {\n  return value !== undefined ? (\n    <EllipsizeBox typographyProps={{ component: undefined, title: value?.toString(), variant: typographyVariant }} width=\"100%\" ref={ref} {...props}>\n      {value}\n    </EllipsizeBox>\n  ) : null\n})\n\nPropertyValue.displayName = 'PropertyValue'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAWI;AAVJ,0BAAgD;AAChD,mBAA2B;AAOpB,MAAM,oBAAgB,yBAA+C,CAAC,EAAE,oBAAoB,SAAS,OAAO,GAAG,MAAM,GAAG,QAAQ;AACrI,SAAO,UAAU,SACf,4CAAC,oCAAa,iBAAiB,EAAE,WAAW,QAAW,OAAO,OAAO,SAAS,GAAG,SAAS,kBAAkB,GAAG,OAAM,QAAO,KAAW,GAAG,OACvI,iBACH,IACE;AACN,CAAC;AAED,cAAc,cAAc;","names":[]}

package/dist/node/components/Value.mjs

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { EllipsizeBox } from "@xyo-network/react-shared";
+import { forwardRef } from "react";
+const PropertyValue = forwardRef(({ typographyVariant = "body1", value, ...props }, ref) => {
+  return value !== void 0 ? /* @__PURE__ */ jsx(EllipsizeBox, { typographyProps: { component: void 0, title: value?.toString(), variant: typographyVariant }, width: "100%", ref, ...props, children: value }) : null;
+});
+PropertyValue.displayName = "PropertyValue";
+export {
+  PropertyValue
+};
+//# sourceMappingURL=Value.mjs.map

package/dist/node/components/Value.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Value.tsx"],"sourcesContent":["import type { Variant } from '@mui/material/styles/createTypography'\nimport { EllipsizeBox, EllipsizeBoxProps } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nexport interface PropertyValueProps extends Omit<EllipsizeBoxProps, 'ref'> {\n  typographyVariant?: Variant\n  value?: string | number | boolean | null\n}\n\nexport const PropertyValue = forwardRef<HTMLDivElement, PropertyValueProps>(({ typographyVariant = 'body1', value, ...props }, ref) => {\n  return value !== undefined ? (\n    <EllipsizeBox typographyProps={{ component: undefined, title: value?.toString(), variant: typographyVariant }} width=\"100%\" ref={ref} {...props}>\n      {value}\n    </EllipsizeBox>\n  ) : null\n})\n\nPropertyValue.displayName = 'PropertyValue'\n"],"mappings":"AAWI;AAVJ,SAAS,oBAAuC;AAChD,SAAS,kBAAkB;AAOpB,MAAM,gBAAgB,WAA+C,CAAC,EAAE,oBAAoB,SAAS,OAAO,GAAG,MAAM,GAAG,QAAQ;AACrI,SAAO,UAAU,SACf,oBAAC,gBAAa,iBAAiB,EAAE,WAAW,QAAW,OAAO,OAAO,SAAS,GAAG,SAAS,kBAAkB,GAAG,OAAM,QAAO,KAAW,GAAG,OACvI,iBACH,IACE;AACN,CAAC;AAED,cAAc,cAAc;","names":[]}

package/dist/node/components/Value.stories.js

@@ -0,0 +1,51 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Value_stories_exports = {};
+__export(Value_stories_exports, {
+  Default: () => Default,
+  WithData: () => WithData,
+  default: () => Value_stories_default
+});
+module.exports = __toCommonJS(Value_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_payload_wrapper = require("@xyo-network/payload-wrapper");
+var import_react_storybook = require("@xyo-network/react-storybook");
+var import_Value = require("./Value");
+const StorybookEntry = {
+  argTypes: {},
+  component: import_Value.PropertyValue,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "property/Value"
+};
+const Template = (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Value.PropertyValue, { ...args });
+const Default = Template.bind({});
+Default.args = {};
+const WithData = Template.bind({});
+WithData.args = { value: import_payload_wrapper.PayloadWrapper.hashSync(import_react_storybook.sampleBlockWithPayloads) };
+var Value_stories_default = StorybookEntry;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Default,
+  WithData
+});
+//# sourceMappingURL=Value.stories.js.map

package/dist/node/components/Value.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Value.stories.tsx"],"sourcesContent":["import { Meta, StoryFn } from '@storybook/react'\nimport { PayloadWrapper } from '@xyo-network/payload-wrapper'\nimport { sampleBlockWithPayloads } from '@xyo-network/react-storybook'\n\nimport { PropertyValue } from './Value'\n\nconst StorybookEntry = {\n  argTypes: {},\n  component: PropertyValue,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'property/Value',\n} as Meta<typeof PropertyValue>\n\nconst Template: StoryFn<typeof PropertyValue> = (args) => <PropertyValue {...args}></PropertyValue>\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nconst WithData = Template.bind({})\n\nWithData.args = { value: PayloadWrapper.hashSync(sampleBlockWithPayloads) }\n\nexport { Default, WithData }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiB0D;AAhB1D,6BAA+B;AAC/B,6BAAwC;AAExC,mBAA8B;AAE9B,MAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAA0C,CAAC,SAAS,4CAAC,8BAAe,GAAG,MAAM;AAEnF,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAEhB,MAAM,WAAW,SAAS,KAAK,CAAC,CAAC;AAEjC,SAAS,OAAO,EAAE,OAAO,sCAAe,SAAS,8CAAuB,EAAE;AAK1E,IAAO,wBAAQ;","names":[]}

package/dist/node/components/Value.stories.mjs

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { PayloadWrapper } from "@xyo-network/payload-wrapper";
+import { sampleBlockWithPayloads } from "@xyo-network/react-storybook";
+import { PropertyValue } from "./Value";
+const StorybookEntry = {
+  argTypes: {},
+  component: PropertyValue,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "property/Value"
+};
+const Template = (args) => /* @__PURE__ */ jsx(PropertyValue, { ...args });
+const Default = Template.bind({});
+Default.args = {};
+const WithData = Template.bind({});
+WithData.args = { value: PayloadWrapper.hashSync(sampleBlockWithPayloads) };
+var Value_stories_default = StorybookEntry;
+export {
+  Default,
+  WithData,
+  Value_stories_default as default
+};
+//# sourceMappingURL=Value.stories.mjs.map

package/dist/node/components/Value.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Value.stories.tsx"],"sourcesContent":["import { Meta, StoryFn } from '@storybook/react'\nimport { PayloadWrapper } from '@xyo-network/payload-wrapper'\nimport { sampleBlockWithPayloads } from '@xyo-network/react-storybook'\n\nimport { PropertyValue } from './Value'\n\nconst StorybookEntry = {\n  argTypes: {},\n  component: PropertyValue,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'property/Value',\n} as Meta<typeof PropertyValue>\n\nconst Template: StoryFn<typeof PropertyValue> = (args) => <PropertyValue {...args}></PropertyValue>\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nconst WithData = Template.bind({})\n\nWithData.args = { value: PayloadWrapper.hashSync(sampleBlockWithPayloads) }\n\nexport { Default, WithData }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AAiB0D;AAhB1D,SAAS,sBAAsB;AAC/B,SAAS,+BAA+B;AAExC,SAAS,qBAAqB;AAE9B,MAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAA0C,CAAC,SAAS,oBAAC,iBAAe,GAAG,MAAM;AAEnF,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAEhB,MAAM,WAAW,SAAS,KAAK,CAAC,CAAC;AAEjC,SAAS,OAAO,EAAE,OAAO,eAAe,SAAS,uBAAuB,EAAE;AAK1E,IAAO,wBAAQ;","names":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA"}

package/dist/node/components/index.js

@@ -0,0 +1,33 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var components_exports = {};
+module.exports = __toCommonJS(components_exports);
+__reExport(components_exports, require("./Action"), module.exports);
+__reExport(components_exports, require("./Group"), module.exports);
+__reExport(components_exports, require("./Property"), module.exports);
+__reExport(components_exports, require("./Props"), module.exports);
+__reExport(components_exports, require("./Title"), module.exports);
+__reExport(components_exports, require("./Value"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./Action"),
+  ...require("./Group"),
+  ...require("./Property"),
+  ...require("./Props"),
+  ...require("./Title"),
+  ...require("./Value")
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './Action'\nexport * from './Group'\nexport * from './Property'\nexport * from './Props'\nexport * from './Title'\nexport * from './Value'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,+BAAc,qBAAd;AACA,+BAAc,oBADd;AAEA,+BAAc,uBAFd;AAGA,+BAAc,oBAHd;AAIA,+BAAc,oBAJd;AAKA,+BAAc,oBALd;","names":[]}