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

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

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

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

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

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

package/dist/browser/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/browser/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/browser/components/Title.js

@@ -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.js.map

package/dist/browser/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":"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/browser/components/Title.stories.js

@@ -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.js.map

package/dist/browser/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":"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.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/browser/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/browser/components/Value.js

@@ -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.js.map

package/dist/browser/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":"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/browser/components/Value.stories.js

@@ -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.js.map

package/dist/browser/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":"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/browser/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/browser/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/browser/components/index.js

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

package/dist/browser/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,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/{index.d.mts.map → browser/index.d.mts.map}

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}

package/dist/{index.d.ts.map → browser/index.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}

package/dist/browser/index.js

@@ -0,0 +1,2 @@
+export * from "./components";
+//# sourceMappingURL=index.js.map

package/dist/browser/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export * from './components'\n"],"mappings":"AAAA,cAAc;","names":[]}

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

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface PropertyAction {
+    disabled?: boolean;
+    icon?: ReactNode;
+    name: string;
+    onClick?: () => void;
+}
+//# sourceMappingURL=Action.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Action.d.ts","sourceRoot":"","sources":["../../../src/components/Action.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB"}

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

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface PropertyAction {
+    disabled?: boolean;
+    icon?: ReactNode;
+    name: string;
+    onClick?: () => void;
+}
+//# sourceMappingURL=Action.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Action.d.ts","sourceRoot":"","sources":["../../../src/components/Action.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB"}

package/dist/node/components/Action.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 Action_exports = {};
+module.exports = __toCommonJS(Action_exports);
+//# sourceMappingURL=Action.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Action.ts"],"sourcesContent":["import { ReactNode } from 'react'\n\nexport interface PropertyAction {\n  disabled?: boolean\n  icon?: ReactNode\n  name: string\n  onClick?: () => void\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/node/components/Action.mjs

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

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

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

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { PropertyActionsProps } from './ActionsProps';
+export declare const PropertyActions: React.FC<PropertyActionsProps>;
+//# sourceMappingURL=Actions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.d.ts","sourceRoot":"","sources":["../../../src/components/Actions.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AAErD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAmB1D,CAAA"}

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { PropertyActionsProps } from './ActionsProps';
+export declare const PropertyActions: React.FC<PropertyActionsProps>;
+//# sourceMappingURL=Actions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.d.ts","sourceRoot":"","sources":["../../../src/components/Actions.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AAErD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAmB1D,CAAA"}

package/dist/node/components/Actions.js

@@ -0,0 +1,40 @@
+"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 Actions_exports = {};
+__export(Actions_exports, {
+  PropertyActions: () => PropertyActions
+});
+module.exports = __toCommonJS(Actions_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_material = require("@mui/material");
+var import_react_button = require("@xylabs/react-button");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+const PropertyActions = ({ buttons = false, actions, ...props }) => {
+  if (actions) {
+    return (actions?.length ?? 0) > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexRow, { gap: 1, ...props, children: actions.map((action, index) => {
+      return action.icon ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.IconButton, { size: "small", color: "inherit", onClick: action.onClick, children: action.icon }, index) : buttons ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_button.ButtonEx, { paddingY: 0, color: "primary", size: "small", disabled: action.disabled, onClick: action.onClick, variant: "contained", children: action.name }, index) : null;
+    }) }) : null;
+  }
+  return null;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PropertyActions
+});
+//# sourceMappingURL=Actions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Actions.tsx"],"sourcesContent":["import { IconButton } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexRow } from '@xylabs/react-flexbox'\n\nimport { PropertyActionsProps } from './ActionsProps'\n\nexport const PropertyActions: React.FC<PropertyActionsProps> = ({ buttons = false, actions, ...props }) => {\n  if (actions) {\n    return (actions?.length ?? 0) > 0 ? (\n      <FlexRow gap={1} {...props}>\n        {actions.map((action, index) => {\n          return action.icon ? (\n            <IconButton size=\"small\" key={index} color=\"inherit\" onClick={action.onClick}>\n              {action.icon}\n            </IconButton>\n          ) : buttons ? (\n            <ButtonEx paddingY={0} color=\"primary\" key={index} size=\"small\" disabled={action.disabled} onClick={action.onClick} variant=\"contained\">\n              {action.name}\n            </ButtonEx>\n          ) : null\n        })}\n      </FlexRow>\n    ) : null\n  }\n  return null\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAYY;AAZZ,sBAA2B;AAC3B,0BAAyB;AACzB,2BAAwB;AAIjB,MAAM,kBAAkD,CAAC,EAAE,UAAU,OAAO,SAAS,GAAG,MAAM,MAAM;AACzG,MAAI,SAAS;AACX,YAAQ,SAAS,UAAU,KAAK,IAC9B,4CAAC,gCAAQ,KAAK,GAAI,GAAG,OAClB,kBAAQ,IAAI,CAAC,QAAQ,UAAU;AAC9B,aAAO,OAAO,OACZ,4CAAC,8BAAW,MAAK,SAAoB,OAAM,WAAU,SAAS,OAAO,SAClE,iBAAO,QADoB,KAE9B,IACE,UACF,4CAAC,gCAAS,UAAU,GAAG,OAAM,WAAsB,MAAK,SAAQ,UAAU,OAAO,UAAU,SAAS,OAAO,SAAS,SAAQ,aACzH,iBAAO,QADkC,KAE5C,IACE;AAAA,IACN,CAAC,GACH,IACE;AAAA,EACN;AACA,SAAO;AACT;","names":[]}

package/dist/node/components/Actions.mjs

@@ -0,0 +1,16 @@
+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/Actions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Actions.tsx"],"sourcesContent":["import { IconButton } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexRow } from '@xylabs/react-flexbox'\n\nimport { PropertyActionsProps } from './ActionsProps'\n\nexport const PropertyActions: React.FC<PropertyActionsProps> = ({ buttons = false, actions, ...props }) => {\n  if (actions) {\n    return (actions?.length ?? 0) > 0 ? (\n      <FlexRow gap={1} {...props}>\n        {actions.map((action, index) => {\n          return action.icon ? (\n            <IconButton size=\"small\" key={index} color=\"inherit\" onClick={action.onClick}>\n              {action.icon}\n            </IconButton>\n          ) : buttons ? (\n            <ButtonEx paddingY={0} color=\"primary\" key={index} size=\"small\" disabled={action.disabled} onClick={action.onClick} variant=\"contained\">\n              {action.name}\n            </ButtonEx>\n          ) : null\n        })}\n      </FlexRow>\n    ) : null\n  }\n  return null\n}\n"],"mappings":"AAYY;AAZZ,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AACzB,SAAS,eAAe;AAIjB,MAAM,kBAAkD,CAAC,EAAE,UAAU,OAAO,SAAS,GAAG,MAAM,MAAM;AACzG,MAAI,SAAS;AACX,YAAQ,SAAS,UAAU,KAAK,IAC9B,oBAAC,WAAQ,KAAK,GAAI,GAAG,OAClB,kBAAQ,IAAI,CAAC,QAAQ,UAAU;AAC9B,aAAO,OAAO,OACZ,oBAAC,cAAW,MAAK,SAAoB,OAAM,WAAU,SAAS,OAAO,SAClE,iBAAO,QADoB,KAE9B,IACE,UACF,oBAAC,YAAS,UAAU,GAAG,OAAM,WAAsB,MAAK,SAAQ,UAAU,OAAO,UAAU,SAAS,OAAO,SAAS,SAAQ,aACzH,iBAAO,QADkC,KAE5C,IACE;AAAA,IACN,CAAC,GACH,IACE;AAAA,EACN;AACA,SAAO;AACT;","names":[]}

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { PropertyActionsProps } from './ActionsProps';
+export declare const PropertyActionsMenu: React.FC<PropertyActionsProps>;
+//# sourceMappingURL=ActionsMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionsMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ActionsMenu.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AAErD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiC9D,CAAA"}

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { PropertyActionsProps } from './ActionsProps';
+export declare const PropertyActionsMenu: React.FC<PropertyActionsProps>;
+//# sourceMappingURL=ActionsMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionsMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ActionsMenu.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AAErD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiC9D,CAAA"}

package/dist/node/components/ActionsMenu.js

@@ -0,0 +1,59 @@
+"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 ActionsMenu_exports = {};
+__export(ActionsMenu_exports, {
+  PropertyActionsMenu: () => PropertyActionsMenu
+});
+module.exports = __toCommonJS(ActionsMenu_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_icons_material = require("@mui/icons-material");
+var import_material = require("@mui/material");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react = require("react");
+const PropertyActionsMenu = ({ actions, ...props }) => {
+  const [anchorEl, setAnchorEl] = (0, import_react.useState)(null);
+  const open = !!anchorEl;
+  const handleClick = (event) => {
+    setAnchorEl(event.currentTarget);
+  };
+  const handleClose = () => {
+    setAnchorEl(null);
+  };
+  return actions && actions?.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.IconButton, { size: "small", color: "inherit", onClick: handleClick, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.MoreHoriz, { fontSize: "inherit" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Menu, { anchorEl, open, onClose: handleClose, children: actions?.map((action) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_material.MenuItem,
+        {
+          onClick: () => {
+            action?.onClick?.();
+            handleClose();
+          },
+          children: action.name
+        },
+        action.name
+      );
+    }) })
+  ] }) : null;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PropertyActionsMenu
+});
+//# sourceMappingURL=ActionsMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ActionsMenu.tsx"],"sourcesContent":["import { MoreHoriz as MoreHorizIcon } from '@mui/icons-material'\nimport { IconButton, Menu, MenuItem } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\n\nimport { PropertyActionsProps } from './ActionsProps'\n\nexport const PropertyActionsMenu: React.FC<PropertyActionsProps> = ({ actions, ...props }) => {\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null)\n  const open = !!anchorEl\n\n  const handleClick = (event: React.MouseEvent<HTMLElement>) => {\n    setAnchorEl(event.currentTarget)\n  }\n  const handleClose = () => {\n    setAnchorEl(null)\n  }\n\n  return actions && actions?.length > 0 ? (\n    <FlexRow {...props}>\n      <IconButton size=\"small\" color=\"inherit\" onClick={handleClick}>\n        <MoreHorizIcon fontSize=\"inherit\" />\n      </IconButton>\n      <Menu anchorEl={anchorEl} open={open} onClose={handleClose}>\n        {actions?.map((action) => {\n          return (\n            <MenuItem\n              key={action.name}\n              onClick={() => {\n                action?.onClick?.()\n                handleClose()\n              }}\n            >\n              {action.name}\n            </MenuItem>\n          )\n        })}\n      </Menu>\n    </FlexRow>\n  ) : null\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBI;AAnBJ,4BAA2C;AAC3C,sBAA2C;AAC3C,2BAAwB;AACxB,mBAAyB;AAIlB,MAAM,sBAAsD,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AAC5F,QAAM,CAAC,UAAU,WAAW,QAAI,uBAA6B,IAAI;AACjE,QAAM,OAAO,CAAC,CAAC;AAEf,QAAM,cAAc,CAAC,UAAyC;AAC5D,gBAAY,MAAM,aAAa;AAAA,EACjC;AACA,QAAM,cAAc,MAAM;AACxB,gBAAY,IAAI;AAAA,EAClB;AAEA,SAAO,WAAW,SAAS,SAAS,IAClC,6CAAC,gCAAS,GAAG,OACX;AAAA,gDAAC,8BAAW,MAAK,SAAQ,OAAM,WAAU,SAAS,aAChD,sDAAC,sBAAAA,WAAA,EAAc,UAAS,WAAU,GACpC;AAAA,IACA,4CAAC,wBAAK,UAAoB,MAAY,SAAS,aAC5C,mBAAS,IAAI,CAAC,WAAW;AACxB,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,SAAS,MAAM;AACb,oBAAQ,UAAU;AAClB,wBAAY;AAAA,UACd;AAAA,UAEC,iBAAO;AAAA;AAAA,QANH,OAAO;AAAA,MAOd;AAAA,IAEJ,CAAC,GACH;AAAA,KACF,IACE;AACN;","names":["MoreHorizIcon"]}

package/dist/node/components/ActionsMenu.mjs

@@ -0,0 +1,35 @@
+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/ActionsMenu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ActionsMenu.tsx"],"sourcesContent":["import { MoreHoriz as MoreHorizIcon } from '@mui/icons-material'\nimport { IconButton, Menu, MenuItem } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\n\nimport { PropertyActionsProps } from './ActionsProps'\n\nexport const PropertyActionsMenu: React.FC<PropertyActionsProps> = ({ actions, ...props }) => {\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null)\n  const open = !!anchorEl\n\n  const handleClick = (event: React.MouseEvent<HTMLElement>) => {\n    setAnchorEl(event.currentTarget)\n  }\n  const handleClose = () => {\n    setAnchorEl(null)\n  }\n\n  return actions && actions?.length > 0 ? (\n    <FlexRow {...props}>\n      <IconButton size=\"small\" color=\"inherit\" onClick={handleClick}>\n        <MoreHorizIcon fontSize=\"inherit\" />\n      </IconButton>\n      <Menu anchorEl={anchorEl} open={open} onClose={handleClose}>\n        {actions?.map((action) => {\n          return (\n            <MenuItem\n              key={action.name}\n              onClick={() => {\n                action?.onClick?.()\n                handleClose()\n              }}\n            >\n              {action.name}\n            </MenuItem>\n          )\n        })}\n      </Menu>\n    </FlexRow>\n  ) : null\n}\n"],"mappings":"AAmBI,SAEI,KAFJ;AAnBJ,SAAS,aAAa,qBAAqB;AAC3C,SAAS,YAAY,MAAM,gBAAgB;AAC3C,SAAS,eAAe;AACxB,SAAS,gBAAgB;AAIlB,MAAM,sBAAsD,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AAC5F,QAAM,CAAC,UAAU,WAAW,IAAI,SAA6B,IAAI;AACjE,QAAM,OAAO,CAAC,CAAC;AAEf,QAAM,cAAc,CAAC,UAAyC;AAC5D,gBAAY,MAAM,aAAa;AAAA,EACjC;AACA,QAAM,cAAc,MAAM;AACxB,gBAAY,IAAI;AAAA,EAClB;AAEA,SAAO,WAAW,SAAS,SAAS,IAClC,qBAAC,WAAS,GAAG,OACX;AAAA,wBAAC,cAAW,MAAK,SAAQ,OAAM,WAAU,SAAS,aAChD,8BAAC,iBAAc,UAAS,WAAU,GACpC;AAAA,IACA,oBAAC,QAAK,UAAoB,MAAY,SAAS,aAC5C,mBAAS,IAAI,CAAC,WAAW;AACxB,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,SAAS,MAAM;AACb,oBAAQ,UAAU;AAClB,wBAAY;AAAA,UACd;AAAA,UAEC,iBAAO;AAAA;AAAA,QANH,OAAO;AAAA,MAOd;AAAA,IAEJ,CAAC,GACH;AAAA,KACF,IACE;AACN;","names":[]}

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

@@ -0,0 +1,7 @@
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+import { PropertyAction } from './Action';
+export interface PropertyActionsProps extends FlexBoxProps {
+    actions?: PropertyAction[];
+    buttons?: boolean;
+}
+//# sourceMappingURL=ActionsProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionsProps.d.ts","sourceRoot":"","sources":["../../../src/components/ActionsProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEpD,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAEzC,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD,OAAO,CAAC,EAAE,cAAc,EAAE,CAAA;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB"}

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

@@ -0,0 +1,7 @@
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+import { PropertyAction } from './Action';
+export interface PropertyActionsProps extends FlexBoxProps {
+    actions?: PropertyAction[];
+    buttons?: boolean;
+}
+//# sourceMappingURL=ActionsProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionsProps.d.ts","sourceRoot":"","sources":["../../../src/components/ActionsProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEpD,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAEzC,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD,OAAO,CAAC,EAAE,cAAc,EAAE,CAAA;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB"}

package/dist/node/components/ActionsProps.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 ActionsProps_exports = {};
+module.exports = __toCommonJS(ActionsProps_exports);
+//# sourceMappingURL=ActionsProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ActionsProps.ts"],"sourcesContent":["import { FlexBoxProps } from '@xylabs/react-flexbox'\n\nimport { PropertyAction } from './Action'\n\nexport interface PropertyActionsProps extends FlexBoxProps {\n  actions?: PropertyAction[]\n  buttons?: boolean\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/node/components/ActionsProps.mjs

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

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

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

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { PropertyGroupProps } from './Props';
+export declare const PropertyGroup: React.FC<PropertyGroupProps>;
+//# sourceMappingURL=Group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../src/components/Group.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAkD,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAoC5F,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAEtD,CAAA"}

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { PropertyGroupProps } from './Props';
+export declare const PropertyGroup: React.FC<PropertyGroupProps>;
+//# sourceMappingURL=Group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../src/components/Group.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAkD,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAoC5F,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAEtD,CAAA"}