@xyo-network/react-property 2.64.0-rc.7 → 2.64.0

package/dist/browser/components/PropertyBox.stories.js

@@ -1,160 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Replay as ReplayIcon } from "@mui/icons-material";
-import { TextField } from "@mui/material";
-import { FlexCol, FlexRow } from "@xylabs/react-flexbox";
-import { PayloadWrapper } from "@xyo-network/payload-wrapper";
-import { sampleBlockWithPayloads, useAppThemeDecorator } from "@xyo-network/react-storybook";
-import { Property } from "./Property";
-const StorybookEntry = {
-  argTypes: {},
-  component: Property,
-  parameters: {
-    docs: {
-      page: null
-    }
-  },
-  title: "property/PropertyBox"
-};
-const Template = (args) => /* @__PURE__ */ jsx(Property, { ...args, paper: false });
-const TemplateWithCompare = (args) => /* @__PURE__ */ jsxs(FlexCol, { gap: 1, alignItems: "stretch", children: [
-  /* @__PURE__ */ jsxs(FlexRow, { gap: 1, children: [
-    /* @__PURE__ */ jsx(TextField, { size: "small", value: "Sample text Field" }),
-    /* @__PURE__ */ jsx(Property, { ...args, size: "small" })
-  ] }),
-  /* @__PURE__ */ jsxs(FlexRow, { gap: 1, children: [
-    /* @__PURE__ */ jsx(Property, { ...args, size: "small" }),
-    /* @__PURE__ */ jsx(Property, { ...args, size: "small" })
-  ] }),
-  /* @__PURE__ */ jsxs(FlexRow, { gap: 1, children: [
-    /* @__PURE__ */ jsx(TextField, { size: "medium", value: "Sample text Field" }),
-    /* @__PURE__ */ jsx(Property, { ...args, size: "medium" })
-  ] }),
-  /* @__PURE__ */ jsxs(FlexRow, { gap: 1, children: [
-    /* @__PURE__ */ jsx(Property, { ...args, size: "medium" }),
-    /* @__PURE__ */ jsx(Property, { ...args, size: "medium" })
-  ] }),
-  /* @__PURE__ */ jsxs(FlexRow, { gap: 1, children: [
-    /* @__PURE__ */ jsx(TextField, { value: "Sample text Field" }),
-    /* @__PURE__ */ jsx(Property, { ...args, size: "large" })
-  ] }),
-  /* @__PURE__ */ jsxs(FlexRow, { gap: 1, children: [
-    /* @__PURE__ */ jsx(Property, { ...args, size: "large" }),
-    /* @__PURE__ */ jsx(Property, { ...args, size: "large" })
-  ] })
-] });
-const Default = Template.bind({});
-Default.args = {};
-Default.decorators = [useAppThemeDecorator];
-const WithTitle = Template.bind({});
-WithTitle.args = { title: "No Data" };
-WithTitle.decorators = [useAppThemeDecorator];
-const WithUndefinedData = Template.bind({});
-WithUndefinedData.args = { title: "Block Hash" };
-WithUndefinedData.decorators = [useAppThemeDecorator];
-const WithData = Template.bind({});
-WithData.args = { title: "Block Hash", value: PayloadWrapper.hashSync(sampleBlockWithPayloads) };
-WithData.decorators = [useAppThemeDecorator];
-const WithDataSmall = Template.bind({});
-WithDataSmall.args = { size: "small", title: "Block Hash", value: PayloadWrapper.hashSync(sampleBlockWithPayloads) };
-WithDataSmall.decorators = [useAppThemeDecorator];
-const WithDataCompare = TemplateWithCompare.bind({});
-WithDataCompare.args = { tip: "This is the block hash", title: "Block Hash", value: PayloadWrapper.hashSync(sampleBlockWithPayloads) };
-WithDataCompare.decorators = [useAppThemeDecorator];
-const WithDataAndBadgeSmall = Template.bind({});
-WithDataAndBadgeSmall.args = {
-  badge: true,
-  size: "small",
-  tip: "This is the block hash",
-  title: "Block Hash",
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads)
-};
-WithDataAndBadgeSmall.decorators = [useAppThemeDecorator];
-const WithDataAndBadgeMedium = Template.bind({});
-WithDataAndBadgeMedium.args = {
-  badge: true,
-  size: "medium",
-  tip: "This is the block hash",
-  title: "Block Hash",
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads)
-};
-WithDataAndBadgeMedium.decorators = [useAppThemeDecorator];
-const WithDataAndBadgeLarge = Template.bind({});
-WithDataAndBadgeLarge.args = {
-  badge: true,
-  size: "large",
-  tip: "This is the block hash",
-  title: "Block Hash",
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads)
-};
-WithDataAndBadgeLarge.decorators = [useAppThemeDecorator];
-const WithTip = Template.bind({});
-WithTip.args = {
-  tip: "This is the block hash",
-  title: "Block Hash",
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads)
-};
-WithTip.decorators = [useAppThemeDecorator];
-const WithTipAndBadge = Template.bind({});
-WithTipAndBadge.args = {
-  badge: true,
-  tip: "This is the block hash",
-  title: "Block Hash",
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads)
-};
-WithTipAndBadge.decorators = [useAppThemeDecorator];
-const WithActions = Template.bind({});
-WithActions.args = {
-  actions: [{ name: "ActionOne" }, { name: "ActionTwo" }],
-  tip: "This is the block hash",
-  title: "Block Hash",
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads)
-};
-WithActions.decorators = [useAppThemeDecorator];
-const LargeWithValue = Template.bind({});
-LargeWithValue.args = {
-  badge: true,
-  size: "large",
-  tip: "This is the block hash",
-  title: "Block Hash",
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads)
-};
-LargeWithValue.decorators = [useAppThemeDecorator];
-const LargeWithValueAndActions = Template.bind({});
-LargeWithValueAndActions.args = {
-  actions: [{ icon: /* @__PURE__ */ jsx(ReplayIcon, {}), name: "ActionOne" }, { name: "ActionTwo" }],
-  badge: true,
-  size: "large",
-  tip: "This is the block hash",
-  title: "Block Hash",
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads)
-};
-LargeWithValueAndActions.decorators = [useAppThemeDecorator];
-const SmallWithValueAndActions = Template.bind({});
-SmallWithValueAndActions.args = {
-  actions: [{ icon: /* @__PURE__ */ jsx(ReplayIcon, {}), name: "ActionOne" }, { name: "ActionTwo" }],
-  badge: true,
-  size: "small",
-  tip: "This is the block hash",
-  title: "Block Hash",
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads)
-};
-SmallWithValueAndActions.decorators = [useAppThemeDecorator];
-var PropertyBox_stories_default = StorybookEntry;
-export {
-  Default,
-  LargeWithValue,
-  LargeWithValueAndActions,
-  SmallWithValueAndActions,
-  WithActions,
-  WithData,
-  WithDataAndBadgeLarge,
-  WithDataAndBadgeMedium,
-  WithDataAndBadgeSmall,
-  WithDataCompare,
-  WithDataSmall,
-  WithTip,
-  WithTipAndBadge,
-  WithUndefinedData,
-  PropertyBox_stories_default as default
-};
-//# sourceMappingURL=PropertyBox.stories.js.map

package/dist/browser/components/PropertyBox.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/PropertyBox.stories.tsx"],"sourcesContent":["import { Replay as ReplayIcon } from '@mui/icons-material'\nimport { TextField } from '@mui/material'\nimport { Meta, StoryFn } from '@storybook/react'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { PayloadWrapper } from '@xyo-network/payload-wrapper'\nimport { sampleBlockWithPayloads, useAppThemeDecorator } from '@xyo-network/react-storybook'\n\nimport { Property } from './Property'\nimport { PropertyProps } from './Props'\n\nconst StorybookEntry = {\n  argTypes: {},\n  component: Property,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'property/PropertyBox',\n} as Meta<typeof Property>\n\nconst Template: StoryFn<typeof Property> = (args: PropertyProps) => <Property {...args} paper={false}></Property>\n\nconst TemplateWithCompare: StoryFn<typeof Property> = (args: PropertyProps) => (\n  <FlexCol gap={1} alignItems=\"stretch\">\n    <FlexRow gap={1}>\n      <TextField size=\"small\" value=\"Sample text Field\" />\n      <Property {...args} size=\"small\"></Property>\n    </FlexRow>\n    <FlexRow gap={1}>\n      <Property {...args} size=\"small\"></Property>\n      <Property {...args} size=\"small\"></Property>\n    </FlexRow>\n    <FlexRow gap={1}>\n      <TextField size=\"medium\" value=\"Sample text Field\" />\n      <Property {...args} size=\"medium\"></Property>\n    </FlexRow>\n    <FlexRow gap={1}>\n      <Property {...args} size=\"medium\"></Property>\n      <Property {...args} size=\"medium\"></Property>\n    </FlexRow>\n    <FlexRow gap={1}>\n      <TextField value=\"Sample text Field\" />\n      <Property {...args} size=\"large\"></Property>\n    </FlexRow>\n    <FlexRow gap={1}>\n      <Property {...args} size=\"large\"></Property>\n      <Property {...args} size=\"large\"></Property>\n    </FlexRow>\n  </FlexCol>\n)\n\nconst Default = Template.bind({})\nDefault.args = {}\nDefault.decorators = [useAppThemeDecorator]\n\nconst WithTitle = Template.bind({})\nWithTitle.args = { title: 'No Data' }\nWithTitle.decorators = [useAppThemeDecorator]\n\nconst WithUndefinedData = Template.bind({})\nWithUndefinedData.args = { title: 'Block Hash' }\nWithUndefinedData.decorators = [useAppThemeDecorator]\n\nconst WithData = Template.bind({})\nWithData.args = { title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlockWithPayloads) }\nWithData.decorators = [useAppThemeDecorator]\n\nconst WithDataSmall = Template.bind({})\nWithDataSmall.args = { size: 'small', title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlockWithPayloads) }\nWithDataSmall.decorators = [useAppThemeDecorator]\n\nconst WithDataCompare = TemplateWithCompare.bind({})\nWithDataCompare.args = { tip: 'This is the block hash', title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlockWithPayloads) }\nWithDataCompare.decorators = [useAppThemeDecorator]\n\nconst WithDataAndBadgeSmall = Template.bind({})\nWithDataAndBadgeSmall.args = {\n  badge: true,\n  size: 'small',\n  tip: 'This is the block hash',\n  title: 'Block Hash',\n  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nWithDataAndBadgeSmall.decorators = [useAppThemeDecorator]\n\nconst WithDataAndBadgeMedium = Template.bind({})\nWithDataAndBadgeMedium.args = {\n  badge: true,\n  size: 'medium',\n  tip: 'This is the block hash',\n  title: 'Block Hash',\n  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nWithDataAndBadgeMedium.decorators = [useAppThemeDecorator]\n\nconst WithDataAndBadgeLarge = Template.bind({})\nWithDataAndBadgeLarge.args = {\n  badge: true,\n  size: 'large',\n  tip: 'This is the block hash',\n  title: 'Block Hash',\n  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nWithDataAndBadgeLarge.decorators = [useAppThemeDecorator]\n\nconst WithTip = Template.bind({})\nWithTip.args = {\n  tip: 'This is the block hash',\n  title: 'Block Hash',\n  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nWithTip.decorators = [useAppThemeDecorator]\n\nconst WithTipAndBadge = Template.bind({})\nWithTipAndBadge.args = {\n  badge: true,\n  tip: 'This is the block hash',\n  title: 'Block Hash',\n  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nWithTipAndBadge.decorators = [useAppThemeDecorator]\n\nconst WithActions = Template.bind({})\nWithActions.args = {\n  actions: [{ name: 'ActionOne' }, { name: 'ActionTwo' }],\n  tip: 'This is the block hash',\n  title: 'Block Hash',\n  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nWithActions.decorators = [useAppThemeDecorator]\n\nconst LargeWithValue = Template.bind({})\nLargeWithValue.args = {\n  badge: true,\n  size: 'large',\n  tip: 'This is the block hash',\n  title: 'Block Hash',\n  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nLargeWithValue.decorators = [useAppThemeDecorator]\n\nconst LargeWithValueAndActions = Template.bind({})\nLargeWithValueAndActions.args = {\n  actions: [{ icon: <ReplayIcon />, name: 'ActionOne' }, { name: 'ActionTwo' }],\n  badge: true,\n  size: 'large',\n  tip: 'This is the block hash',\n  title: 'Block Hash',\n  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nLargeWithValueAndActions.decorators = [useAppThemeDecorator]\n\nconst SmallWithValueAndActions = Template.bind({})\nSmallWithValueAndActions.args = {\n  actions: [{ icon: <ReplayIcon />, name: 'ActionOne' }, { name: 'ActionTwo' }],\n  badge: true,\n  size: 'small',\n  tip: 'This is the block hash',\n  title: 'Block Hash',\n  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nSmallWithValueAndActions.decorators = [useAppThemeDecorator]\n\nexport {\n  Default,\n  LargeWithValue,\n  LargeWithValueAndActions,\n  SmallWithValueAndActions,\n  WithActions,\n  WithData,\n  WithDataAndBadgeLarge,\n  WithDataAndBadgeMedium,\n  WithDataAndBadgeSmall,\n  WithDataCompare,\n  WithDataSmall,\n  WithTip,\n  WithTipAndBadge,\n  WithUndefinedData,\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"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","names":[]}

package/dist/browser/components/PropertyPaper.stories.js

@@ -1,178 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Replay as ReplayIcon } from "@mui/icons-material";
-import { TextField } from "@mui/material";
-import { FlexCol, FlexRow } from "@xylabs/react-flexbox";
-import { PayloadWrapper } from "@xyo-network/payload-wrapper";
-import { sampleBlockWithPayloads, useAppThemeDecorator } from "@xyo-network/react-storybook";
-import { Property } from "./Property";
-const StorybookEntry = {
-  argTypes: {},
-  component: Property,
-  parameters: {
-    docs: {
-      page: null
-    }
-  },
-  title: "property/PropertyPaper"
-};
-const Template = (args) => /* @__PURE__ */ jsx(Property, { ...args, paper: true });
-const TemplateWithCompare = (args) => /* @__PURE__ */ jsxs(FlexCol, { gap: 1, alignItems: "stretch", children: [
-  /* @__PURE__ */ jsxs(FlexRow, { gap: 1, children: [
-    /* @__PURE__ */ jsx(TextField, { size: "small", value: "Sample text Field" }),
-    /* @__PURE__ */ jsx(Property, { ...args, paper: true, size: "small" })
-  ] }),
-  /* @__PURE__ */ jsxs(FlexRow, { gap: 1, children: [
-    /* @__PURE__ */ jsx(Property, { ...args, paper: true, size: "small" }),
-    /* @__PURE__ */ jsx(Property, { ...args, paper: true, size: "small" })
-  ] }),
-  /* @__PURE__ */ jsxs(FlexRow, { gap: 1, children: [
-    /* @__PURE__ */ jsx(TextField, { size: "medium", value: "Sample text Field" }),
-    /* @__PURE__ */ jsx(Property, { ...args, paper: true, size: "medium" })
-  ] }),
-  /* @__PURE__ */ jsxs(FlexRow, { gap: 1, children: [
-    /* @__PURE__ */ jsx(Property, { ...args, paper: true, size: "medium" }),
-    /* @__PURE__ */ jsx(Property, { ...args, paper: true, size: "medium" })
-  ] }),
-  /* @__PURE__ */ jsxs(FlexRow, { gap: 1, children: [
-    /* @__PURE__ */ jsx(TextField, { value: "Sample text Field" }),
-    /* @__PURE__ */ jsx(Property, { ...args, paper: true, size: "large" })
-  ] }),
-  /* @__PURE__ */ jsxs(FlexRow, { gap: 1, children: [
-    /* @__PURE__ */ jsx(Property, { ...args, paper: true, size: "large" }),
-    /* @__PURE__ */ jsx(Property, { ...args, paper: true, size: "large" })
-  ] })
-] });
-const Default = Template.bind({});
-Default.args = {};
-Default.decorators = [useAppThemeDecorator];
-const WithTitle = Template.bind({});
-WithTitle.args = { title: "No Data" };
-WithTitle.decorators = [useAppThemeDecorator];
-const WithUndefinedData = Template.bind({});
-WithUndefinedData.args = { title: "Block Hash" };
-WithUndefinedData.decorators = [useAppThemeDecorator];
-const WithData = Template.bind({});
-WithData.args = { title: "Block Hash", value: PayloadWrapper.hashSync(sampleBlockWithPayloads) };
-WithData.decorators = [useAppThemeDecorator];
-const WithDataSmall = Template.bind({});
-WithDataSmall.args = { size: "small", title: "Block Hash", value: PayloadWrapper.hashSync(sampleBlockWithPayloads) };
-WithDataSmall.decorators = [useAppThemeDecorator];
-const WithDataCompare = TemplateWithCompare.bind({});
-WithDataCompare.args = { tip: "This is the block hash", title: "Block Hash", value: PayloadWrapper.hashSync(sampleBlockWithPayloads) };
-WithDataCompare.decorators = [useAppThemeDecorator];
-const WithDataCompareOutlined = TemplateWithCompare.bind({});
-WithDataCompareOutlined.args = {
-  tip: "This is the block hash",
-  title: "Block Hash",
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
-  variant: "outlined"
-};
-WithDataCompareOutlined.decorators = [useAppThemeDecorator];
-const WithDataCompareElevation = TemplateWithCompare.bind({});
-WithDataCompareElevation.args = {
-  tip: "This is the block hash",
-  title: "Block Hash",
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
-  variant: "elevation"
-};
-WithDataCompareElevation.decorators = [useAppThemeDecorator];
-const WithDataAndBadgeSmall = Template.bind({});
-WithDataAndBadgeSmall.args = {
-  badge: true,
-  size: "small",
-  tip: "This is the block hash",
-  title: "Block Hash",
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads)
-};
-WithDataAndBadgeSmall.decorators = [useAppThemeDecorator];
-const WithDataAndBadgeMedium = Template.bind({});
-WithDataAndBadgeMedium.args = {
-  badge: true,
-  size: "medium",
-  tip: "This is the block hash",
-  title: "Block Hash",
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads)
-};
-WithDataAndBadgeMedium.decorators = [useAppThemeDecorator];
-const WithDataAndBadgeLarge = Template.bind({});
-WithDataAndBadgeLarge.args = {
-  badge: true,
-  size: "large",
-  tip: "This is the block hash",
-  title: "Block Hash",
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads)
-};
-WithDataAndBadgeLarge.decorators = [useAppThemeDecorator];
-const WithTip = Template.bind({});
-WithTip.args = {
-  tip: "This is the block hash",
-  title: "Block Hash",
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads)
-};
-WithTip.decorators = [useAppThemeDecorator];
-const WithTipAndBadge = Template.bind({});
-WithTipAndBadge.args = {
-  badge: true,
-  tip: "This is the block hash",
-  title: "Block Hash",
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads)
-};
-WithTipAndBadge.decorators = [useAppThemeDecorator];
-const WithActions = Template.bind({});
-WithActions.args = {
-  actions: [{ name: "ActionOne" }, { name: "ActionTwo" }],
-  tip: "This is the block hash",
-  title: "Block Hash",
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads)
-};
-WithActions.decorators = [useAppThemeDecorator];
-const LargeWithValue = Template.bind({});
-LargeWithValue.args = {
-  badge: true,
-  size: "large",
-  tip: "This is the block hash",
-  title: "Block Hash",
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads)
-};
-LargeWithValue.decorators = [useAppThemeDecorator];
-const LargeWithValueAndActions = Template.bind({});
-LargeWithValueAndActions.args = {
-  actions: [{ icon: /* @__PURE__ */ jsx(ReplayIcon, {}), name: "ActionOne" }, { name: "ActionTwo" }],
-  badge: true,
-  size: "large",
-  tip: "This is the block hash",
-  title: "Block Hash",
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads)
-};
-LargeWithValueAndActions.decorators = [useAppThemeDecorator];
-const SmallWithValueAndActions = Template.bind({});
-SmallWithValueAndActions.args = {
-  actions: [{ icon: /* @__PURE__ */ jsx(ReplayIcon, {}), name: "ActionOne" }, { name: "ActionTwo" }],
-  badge: true,
-  size: "small",
-  tip: "This is the block hash",
-  title: "Block Hash",
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads)
-};
-SmallWithValueAndActions.decorators = [useAppThemeDecorator];
-var PropertyPaper_stories_default = StorybookEntry;
-export {
-  Default,
-  LargeWithValue,
-  LargeWithValueAndActions,
-  SmallWithValueAndActions,
-  WithActions,
-  WithData,
-  WithDataAndBadgeLarge,
-  WithDataAndBadgeMedium,
-  WithDataAndBadgeSmall,
-  WithDataCompare,
-  WithDataCompareElevation,
-  WithDataCompareOutlined,
-  WithDataSmall,
-  WithTip,
-  WithTipAndBadge,
-  WithUndefinedData,
-  PropertyPaper_stories_default as default
-};
-//# sourceMappingURL=PropertyPaper.stories.js.map

package/dist/browser/components/PropertyPaper.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/PropertyPaper.stories.tsx"],"sourcesContent":["import { Replay as ReplayIcon } from '@mui/icons-material'\nimport { TextField } from '@mui/material'\nimport { Meta, StoryFn } from '@storybook/react'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { PayloadWrapper } from '@xyo-network/payload-wrapper'\nimport { sampleBlockWithPayloads, useAppThemeDecorator } from '@xyo-network/react-storybook'\n\nimport { Property } from './Property'\nimport { PropertyPaperProps, PropertyProps } from './Props'\n\nconst StorybookEntry = {\n  argTypes: {},\n  component: Property,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'property/PropertyPaper',\n} as Meta<typeof Property>\n\nconst Template: StoryFn<typeof Property> = (args: PropertyProps) => <Property {...(args as PropertyPaperProps)} paper={true}></Property>\n\nconst TemplateWithCompare: StoryFn<typeof Property> = (args: PropertyProps) => (\n  <FlexCol gap={1} alignItems=\"stretch\">\n    <FlexRow gap={1}>\n      <TextField size=\"small\" value=\"Sample text Field\" />\n      <Property {...(args as PropertyPaperProps)} paper={true} size=\"small\"></Property>\n    </FlexRow>\n    <FlexRow gap={1}>\n      <Property {...(args as PropertyPaperProps)} paper={true} size=\"small\"></Property>\n      <Property {...(args as PropertyPaperProps)} paper={true} size=\"small\"></Property>\n    </FlexRow>\n    <FlexRow gap={1}>\n      <TextField size=\"medium\" value=\"Sample text Field\" />\n      <Property {...(args as PropertyPaperProps)} paper={true} size=\"medium\"></Property>\n    </FlexRow>\n    <FlexRow gap={1}>\n      <Property {...(args as PropertyPaperProps)} paper={true} size=\"medium\"></Property>\n      <Property {...(args as PropertyPaperProps)} paper={true} size=\"medium\"></Property>\n    </FlexRow>\n    <FlexRow gap={1}>\n      <TextField value=\"Sample text Field\" />\n      <Property {...(args as PropertyPaperProps)} paper={true} size=\"large\"></Property>\n    </FlexRow>\n    <FlexRow gap={1}>\n      <Property {...(args as PropertyPaperProps)} paper={true} size=\"large\"></Property>\n      <Property {...(args as PropertyPaperProps)} paper={true} size=\"large\"></Property>\n    </FlexRow>\n  </FlexCol>\n)\n\nconst Default = Template.bind({})\nDefault.args = {}\nDefault.decorators = [useAppThemeDecorator]\n\nconst WithTitle = Template.bind({})\nWithTitle.args = { title: 'No Data' }\nWithTitle.decorators = [useAppThemeDecorator]\n\nconst WithUndefinedData = Template.bind({})\nWithUndefinedData.args = { title: 'Block Hash' }\nWithUndefinedData.decorators = [useAppThemeDecorator]\n\nconst WithData = Template.bind({})\nWithData.args = { title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlockWithPayloads) }\nWithData.decorators = [useAppThemeDecorator]\n\nconst WithDataSmall = Template.bind({})\nWithDataSmall.args = { size: 'small', title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlockWithPayloads) }\nWithDataSmall.decorators = [useAppThemeDecorator]\n\nconst WithDataCompare = TemplateWithCompare.bind({})\nWithDataCompare.args = { tip: 'This is the block hash', title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlockWithPayloads) }\nWithDataCompare.decorators = [useAppThemeDecorator]\n\nconst WithDataCompareOutlined = TemplateWithCompare.bind({})\nWithDataCompareOutlined.args = {\n  tip: 'This is the block hash',\n  title: 'Block Hash',\n  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n  variant: 'outlined',\n}\nWithDataCompareOutlined.decorators = [useAppThemeDecorator]\n\nconst WithDataCompareElevation = TemplateWithCompare.bind({})\nWithDataCompareElevation.args = {\n  tip: 'This is the block hash',\n  title: 'Block Hash',\n  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n  variant: 'elevation',\n}\nWithDataCompareElevation.decorators = [useAppThemeDecorator]\n\nconst WithDataAndBadgeSmall = Template.bind({})\nWithDataAndBadgeSmall.args = {\n  badge: true,\n  size: 'small',\n  tip: 'This is the block hash',\n  title: 'Block Hash',\n  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nWithDataAndBadgeSmall.decorators = [useAppThemeDecorator]\n\nconst WithDataAndBadgeMedium = Template.bind({})\nWithDataAndBadgeMedium.args = {\n  badge: true,\n  size: 'medium',\n  tip: 'This is the block hash',\n  title: 'Block Hash',\n  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nWithDataAndBadgeMedium.decorators = [useAppThemeDecorator]\n\nconst WithDataAndBadgeLarge = Template.bind({})\nWithDataAndBadgeLarge.args = {\n  badge: true,\n  size: 'large',\n  tip: 'This is the block hash',\n  title: 'Block Hash',\n  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nWithDataAndBadgeLarge.decorators = [useAppThemeDecorator]\n\nconst WithTip = Template.bind({})\nWithTip.args = {\n  tip: 'This is the block hash',\n  title: 'Block Hash',\n  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nWithTip.decorators = [useAppThemeDecorator]\n\nconst WithTipAndBadge = Template.bind({})\nWithTipAndBadge.args = {\n  badge: true,\n  tip: 'This is the block hash',\n  title: 'Block Hash',\n  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nWithTipAndBadge.decorators = [useAppThemeDecorator]\n\nconst WithActions = Template.bind({})\nWithActions.args = {\n  actions: [{ name: 'ActionOne' }, { name: 'ActionTwo' }],\n  tip: 'This is the block hash',\n  title: 'Block Hash',\n  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nWithActions.decorators = [useAppThemeDecorator]\n\nconst LargeWithValue = Template.bind({})\nLargeWithValue.args = {\n  badge: true,\n  size: 'large',\n  tip: 'This is the block hash',\n  title: 'Block Hash',\n  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nLargeWithValue.decorators = [useAppThemeDecorator]\n\nconst LargeWithValueAndActions = Template.bind({})\nLargeWithValueAndActions.args = {\n  actions: [{ icon: <ReplayIcon />, name: 'ActionOne' }, { name: 'ActionTwo' }],\n  badge: true,\n  size: 'large',\n  tip: 'This is the block hash',\n  title: 'Block Hash',\n  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nLargeWithValueAndActions.decorators = [useAppThemeDecorator]\n\nconst SmallWithValueAndActions = Template.bind({})\nSmallWithValueAndActions.args = {\n  actions: [{ icon: <ReplayIcon />, name: 'ActionOne' }, { name: 'ActionTwo' }],\n  badge: true,\n  size: 'small',\n  tip: 'This is the block hash',\n  title: 'Block Hash',\n  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nSmallWithValueAndActions.decorators = [useAppThemeDecorator]\n\nexport {\n  Default,\n  LargeWithValue,\n  LargeWithValueAndActions,\n  SmallWithValueAndActions,\n  WithActions,\n  WithData,\n  WithDataAndBadgeLarge,\n  WithDataAndBadgeMedium,\n  WithDataAndBadgeSmall,\n  WithDataCompare,\n  WithDataCompareElevation,\n  WithDataCompareOutlined,\n  WithDataSmall,\n  WithTip,\n  WithTipAndBadge,\n  WithUndefinedData,\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"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","names":[]}

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

@@ -1,27 +0,0 @@
-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.js.map

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

@@ -1 +0,0 @@
-{"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/browser/components/Value.stories.js

@@ -1,26 +0,0 @@
-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.js.map

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

@@ -1 +0,0 @@
-{"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/Action.mjs

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

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

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

package/dist/node/components/Actions.mjs

@@ -1,16 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { IconButton } from "@mui/material";
-import { ButtonEx } from "@xylabs/react-button";
-import { FlexRow } from "@xylabs/react-flexbox";
-const PropertyActions = ({ buttons = false, actions, ...props }) => {
-  if (actions) {
-    return (actions?.length ?? 0) > 0 ? /* @__PURE__ */ jsx(FlexRow, { gap: 1, ...props, children: actions.map((action, index) => {
-      return action.icon ? /* @__PURE__ */ jsx(IconButton, { size: "small", color: "inherit", onClick: action.onClick, children: action.icon }, index) : buttons ? /* @__PURE__ */ jsx(ButtonEx, { paddingY: 0, color: "primary", size: "small", disabled: action.disabled, onClick: action.onClick, variant: "contained", children: action.name }, index) : null;
-    }) }) : null;
-  }
-  return null;
-};
-export {
-  PropertyActions
-};
-//# sourceMappingURL=Actions.mjs.map

package/dist/node/components/ActionsMenu.mjs

@@ -1,35 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { MoreHoriz as MoreHorizIcon } from "@mui/icons-material";
-import { IconButton, Menu, MenuItem } from "@mui/material";
-import { FlexRow } from "@xylabs/react-flexbox";
-import { useState } from "react";
-const PropertyActionsMenu = ({ actions, ...props }) => {
-  const [anchorEl, setAnchorEl] = useState(null);
-  const open = !!anchorEl;
-  const handleClick = (event) => {
-    setAnchorEl(event.currentTarget);
-  };
-  const handleClose = () => {
-    setAnchorEl(null);
-  };
-  return actions && actions?.length > 0 ? /* @__PURE__ */ jsxs(FlexRow, { ...props, children: [
-    /* @__PURE__ */ jsx(IconButton, { size: "small", color: "inherit", onClick: handleClick, children: /* @__PURE__ */ jsx(MoreHorizIcon, { fontSize: "inherit" }) }),
-    /* @__PURE__ */ jsx(Menu, { anchorEl, open, onClose: handleClose, children: actions?.map((action) => {
-      return /* @__PURE__ */ jsx(
-        MenuItem,
-        {
-          onClick: () => {
-            action?.onClick?.();
-            handleClose();
-          },
-          children: action.name
-        },
-        action.name
-      );
-    }) })
-  ] }) : null;
-};
-export {
-  PropertyActionsMenu
-};
-//# sourceMappingURL=ActionsMenu.mjs.map

package/dist/node/components/ActionsProps.mjs

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

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

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

package/dist/node/components/Group.mjs

@@ -1,25 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Paper, useTheme } from "@mui/material";
-import { FlexCol, FlexGrowRow, FlexRow } from "@xylabs/react-flexbox";
-import { typeOf } from "@xyo-network/typeof";
-import { PropertyTitle } from "./Title";
-const PropertyGroupBox = ({ titleProps, children, title, tip, ...props }) => {
-  const theme = useTheme();
-  const childrenArray = typeOf(children) === "array" ? children : void 0;
-  return /* @__PURE__ */ jsx(FlexCol, { alignItems: "stretch", overflow: "hidden", ...props, children: /* @__PURE__ */ jsxs(FlexRow, { overflow: "hidden", justifyContent: "stretch", alignItems: "stretch", children: [
-    /* @__PURE__ */ jsx(PropertyTitle, { alignItems: "flex-start", size: "full", title, tip, ...titleProps }),
-    childrenArray ? /* @__PURE__ */ jsx(FlexGrowRow, { children: childrenArray?.map((child, index) => {
-      return child ? /* @__PURE__ */ jsx(FlexGrowRow, { borderLeft: 1, borderColor: theme.palette.divider, children: child }, index) : null;
-    }) }) : /* @__PURE__ */ jsx(FlexGrowRow, { overflow: "hidden", children })
-  ] }) });
-};
-const PropertyGroupPaper = ({ style, variant, elevation, square, ...props }) => {
-  return /* @__PURE__ */ jsx(Paper, { style: { minWidth: 0, overflow: "hidden", ...style }, variant, elevation, square, children: /* @__PURE__ */ jsx(PropertyGroupBox, { ...props, paper: false }) });
-};
-const PropertyGroup = (props) => {
-  return props.paper ? /* @__PURE__ */ jsx(PropertyGroupPaper, { ...props }) : /* @__PURE__ */ jsx(PropertyGroupBox, { ...props });
-};
-export {
-  PropertyGroup
-};
-//# sourceMappingURL=Group.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Group.tsx"],"sourcesContent":["import { Paper, useTheme } from '@mui/material'\nimport { FlexCol, FlexGrowRow, FlexRow } from '@xylabs/react-flexbox'\nimport { typeOf } from '@xyo-network/typeof'\nimport { ReactElement } from 'react'\n\nimport { PropertyGroupBoxProps, PropertyGroupPaperProps, PropertyGroupProps } from './Props'\nimport { PropertyTitle } from './Title'\n\nconst PropertyGroupBox: React.FC<PropertyGroupBoxProps> = ({ titleProps, children, title, tip, ...props }) => {\n  const theme = useTheme()\n  const childrenArray = typeOf(children) === 'array' ? (children as ReactElement[]) : undefined\n  return (\n    <FlexCol alignItems=\"stretch\" overflow=\"hidden\" {...props}>\n      <FlexRow overflow=\"hidden\" justifyContent=\"stretch\" alignItems=\"stretch\">\n        <PropertyTitle alignItems=\"flex-start\" size=\"full\" title={title} tip={tip} {...titleProps} />\n        {childrenArray ? (\n          <FlexGrowRow>\n            {childrenArray?.map((child, index) => {\n              return child ? (\n                <FlexGrowRow key={index} borderLeft={1} borderColor={theme.palette.divider}>\n                  {child}\n                </FlexGrowRow>\n              ) : null\n            })}\n          </FlexGrowRow>\n        ) : (\n          <FlexGrowRow overflow=\"hidden\">{children}</FlexGrowRow>\n        )}\n      </FlexRow>\n    </FlexCol>\n  )\n}\n\nconst PropertyGroupPaper: React.FC<PropertyGroupPaperProps> = ({ style, variant, elevation, square, ...props }) => {\n  return (\n    <Paper style={{ minWidth: 0, overflow: 'hidden', ...style }} variant={variant} elevation={elevation} square={square}>\n      <PropertyGroupBox {...props} paper={false} />\n    </Paper>\n  )\n}\n\nexport const PropertyGroup: React.FC<PropertyGroupProps> = (props) => {\n  return props.paper ? <PropertyGroupPaper {...props} /> : <PropertyGroupBox {...props} />\n}\n"],"mappings":"AAaM,SACE,KADF;AAbN,SAAS,OAAO,gBAAgB;AAChC,SAAS,SAAS,aAAa,eAAe;AAC9C,SAAS,cAAc;AAIvB,SAAS,qBAAqB;AAE9B,MAAM,mBAAoD,CAAC,EAAE,YAAY,UAAU,OAAO,KAAK,GAAG,MAAM,MAAM;AAC5G,QAAM,QAAQ,SAAS;AACvB,QAAM,gBAAgB,OAAO,QAAQ,MAAM,UAAW,WAA8B;AACpF,SACE,oBAAC,WAAQ,YAAW,WAAU,UAAS,UAAU,GAAG,OAClD,+BAAC,WAAQ,UAAS,UAAS,gBAAe,WAAU,YAAW,WAC7D;AAAA,wBAAC,iBAAc,YAAW,cAAa,MAAK,QAAO,OAAc,KAAW,GAAG,YAAY;AAAA,IAC1F,gBACC,oBAAC,eACE,yBAAe,IAAI,CAAC,OAAO,UAAU;AACpC,aAAO,QACL,oBAAC,eAAwB,YAAY,GAAG,aAAa,MAAM,QAAQ,SAChE,mBADe,KAElB,IACE;AAAA,IACN,CAAC,GACH,IAEA,oBAAC,eAAY,UAAS,UAAU,UAAS;AAAA,KAE7C,GACF;AAEJ;AAEA,MAAM,qBAAwD,CAAC,EAAE,OAAO,SAAS,WAAW,QAAQ,GAAG,MAAM,MAAM;AACjH,SACE,oBAAC,SAAM,OAAO,EAAE,UAAU,GAAG,UAAU,UAAU,GAAG,MAAM,GAAG,SAAkB,WAAsB,QACnG,8BAAC,oBAAkB,GAAG,OAAO,OAAO,OAAO,GAC7C;AAEJ;AAEO,MAAM,gBAA8C,CAAC,UAAU;AACpE,SAAO,MAAM,QAAQ,oBAAC,sBAAoB,GAAG,OAAO,IAAK,oBAAC,oBAAkB,GAAG,OAAO;AACxF;","names":[]}

package/dist/node/components/IdenticonCorner.mjs

@@ -1,19 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useTheme } from "@mui/material";
-import { FlexRow } from "@xylabs/react-flexbox";
-import { Identicon } from "@xylabs/react-identicon";
-import { useEffect, useRef, useState } from "react";
-const IdenticonCorner = ({ value, ...props }) => {
-  const theme = useTheme();
-  const [parentHeight, setParentHeight] = useState();
-  const ref = useRef(null);
-  useEffect(() => {
-    setParentHeight(ref.current?.parentElement?.parentElement?.clientHeight);
-  }, []);
-  const calculatedHeight = parentHeight ?? 0;
-  return /* @__PURE__ */ jsx(FlexRow, { alignItems: "flex-start", height: "100%", children: /* @__PURE__ */ jsx(FlexRow, { background: true, height: calculatedHeight, width: calculatedHeight, borderLeft: `1px solid ${theme.palette.divider}`, children: /* @__PURE__ */ jsx("div", { ref, children: /* @__PURE__ */ jsx(Identicon, { size: calculatedHeight * 0.6, value: `${value}`, sx: { padding: `${calculatedHeight * 0.2}px` }, ...props }) }) }) });
-};
-export {
-  IdenticonCorner
-};
-//# sourceMappingURL=IdenticonCorner.mjs.map

package/dist/node/components/Property.mjs

@@ -1,61 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { CircularProgress, Paper } from "@mui/material";
-import { FlexRow } from "@xylabs/react-flexbox";
-import { forwardRef } from "react";
-import { PropertyActionsMenu } from "./ActionsMenu";
-import { IdenticonCorner } from "./IdenticonCorner";
-import { PropertyTitle } from "./Title";
-import { PropertyValue } from "./Value";
-const PropertyBox = 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__ */ jsxs(FlexRow, { ref, flexDirection: "column", minWidth: 0, alignItems: "stretch", overflow: "hidden", ...props, children: [
-      title !== void 0 ? /* @__PURE__ */ jsx(
-        PropertyTitle,
-        {
-          tip,
-          title: required ? `${title}*` : title,
-          size,
-          more: /* @__PURE__ */ jsx(PropertyActionsMenu, { actions }),
-          ...titleProps
-        }
-      ) : null,
-      /* @__PURE__ */ jsxs(
-        FlexRow,
-        {
-          pl: 1,
-          columnGap: 1,
-          justifyContent: value === void 0 ? "center" : "space-between",
-          overflow: "hidden",
-          height: sizeValueHeight[size],
-          children: [
-            children ? children : value !== void 0 ? /* @__PURE__ */ jsx(PropertyValue, { value, typographyVariant: sizeVariants[size] }) : /* @__PURE__ */ jsx(CircularProgress, { size: 16 }),
-            value !== void 0 ? badge ? /* @__PURE__ */ jsx(IdenticonCorner, { value }) : null : null
-          ]
-        }
-      )
-    ] });
-  }
-);
-PropertyBox.displayName = "PropertyBox";
-const PropertyPaper = forwardRef(({ style, variant, elevation = 2, square, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(Paper, { ref, style: { minWidth: 0, overflow: "hidden", ...style }, variant, elevation, square, children: /* @__PURE__ */ jsx(PropertyBox, { ...props, paper: false }) });
-});
-PropertyPaper.displayName = "PropertyPaper";
-const Property = forwardRef((props, ref) => {
-  return props.paper ? /* @__PURE__ */ jsx(PropertyPaper, { ref, ...props }) : /* @__PURE__ */ jsx(PropertyBox, { ref, ...props });
-});
-Property.displayName = "Property";
-export {
-  Property
-};
-//# sourceMappingURL=Property.mjs.map