@xyo-network/react-property 10.0.4 → 10.0.6

package/dist/browser/index.d.ts

@@ -1,2 +1,2 @@
-export * from './components/index.ts';
+export * from '@xyo-network/react-sdk/property';
 //# sourceMappingURL=index.d.ts.map

package/dist/browser/index.d.ts.map

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

package/dist/browser/index.mjs

@@ -1,394 +1,3 @@
-// src/components/Group.tsx
-import {
-  FlexCol,
-  FlexGrowRow,
-  FlexRow as FlexRow2
-} from "@ariestools/sdk-react/flexbox";
-import { Paper, useTheme as useTheme2 } from "@mui/material";
-import { typeOf } from "@xyo-network/typeof";
-
-// src/components/Title.tsx
-import { FlexRow } from "@ariestools/sdk-react/flexbox";
-import { QuickTipButton } from "@ariestools/sdk-react/quick-tip-button";
-import { darkenCss, useIsDark } from "@ariestools/sdk-react/theme";
-import { Typography, useTheme } from "@mui/material";
-import { jsx, jsxs } from "react/jsx-runtime";
-var 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 = Math.min(sizeFontSize[size], 16);
-  const theme = useTheme();
-  const isDark = useIsDark();
-  return /* @__PURE__ */ jsxs(
-    FlexRow,
-    {
-      ...props,
-      sx: [{
-        bgcolor: isDark ? darkenCss(theme.vars.palette.background.paper, 0.75 * elevation) : darkenCss(theme.vars.palette.background.paper, 0.025 * elevation),
-        alignItems: "center",
-        height: sizeTitleHeight[size],
-        justifyContent: "space-between"
-      }, ...Array.isArray(props.sx) ? props.sx : [props.sx]],
-      children: [
-        /* @__PURE__ */ jsxs(
-          FlexRow,
-          {
-            sx: {
-              paddingX: 1,
-              paddingY: 0.5
-            },
-            children: [
-              /* @__PURE__ */ jsx(
-                Typography,
-                {
-                  noWrap: true,
-                  variant: sizeVariants[size],
-                  sx: {
-                    fontWeight: 500,
-                    fontSize: sizeFontSize[size]
-                  },
-                  children: /* @__PURE__ */ jsx("small", { children: /* @__PURE__ */ jsx("strong", { children: title }) })
-                }
-              ),
-              tip ? /* @__PURE__ */ jsx(
-                QuickTipButton,
-                {
-                  style: { fontSize: quickTipSize },
-                  title: title ?? "",
-                  sx: { color: "inherit" },
-                  children: tip
-                }
-              ) : null
-            ]
-          }
-        ),
-        more
-      ]
-    }
-  );
-};
-
-// src/components/Group.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var PropertyGroupBox = ({
-  titleProps,
-  children,
-  title,
-  tip,
-  ...props
-}) => {
-  const theme = useTheme2();
-  const childrenArray = typeOf(children) === "array" ? children : void 0;
-  return /* @__PURE__ */ jsx2(
-    FlexCol,
-    {
-      ...props,
-      sx: [{
-        alignItems: "stretch",
-        overflow: "hidden"
-      }, ...Array.isArray(props.sx) ? props.sx : [props.sx]],
-      children: /* @__PURE__ */ jsxs2(
-        FlexRow2,
-        {
-          sx: {
-            overflow: "hidden",
-            justifyContent: "stretch",
-            alignItems: "stretch"
-          },
-          children: [
-            /* @__PURE__ */ jsx2(
-              PropertyTitle,
-              {
-                size: "full",
-                title,
-                tip,
-                ...titleProps,
-                sx: [{ alignItems: "flex-start" }, ...Array.isArray(titleProps?.sx) ? titleProps.sx : [titleProps?.sx]]
-              }
-            ),
-            childrenArray ? /* @__PURE__ */ jsx2(FlexGrowRow, { children: childrenArray?.map((child, index) => {
-              return child ? /* @__PURE__ */ jsx2(
-                FlexGrowRow,
-                {
-                  sx: {
-                    borderLeft: 1,
-                    borderColor: theme.vars.palette.divider
-                  },
-                  children: child
-                },
-                child.key ?? `group-child-${index}`
-              ) : null;
-            }) }) : /* @__PURE__ */ jsx2(FlexGrowRow, { sx: { overflow: "hidden" }, children })
-          ]
-        }
-      )
-    }
-  );
-};
-var PropertyGroupPaper = ({
-  style,
-  variant,
-  elevation,
-  square,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx2(
-    Paper,
-    {
-      style: {
-        minWidth: 0,
-        overflow: "hidden",
-        ...style
-      },
-      variant,
-      elevation,
-      square,
-      children: /* @__PURE__ */ jsx2(PropertyGroupBox, { ...props, paper: false })
-    }
-  );
-};
-var PropertyGroup = (props) => {
-  return props.paper ? /* @__PURE__ */ jsx2(PropertyGroupPaper, { ...props }) : /* @__PURE__ */ jsx2(PropertyGroupBox, { ...props });
-};
-
-// src/components/Property.tsx
-import { FlexRow as FlexRow5 } from "@ariestools/sdk-react/flexbox";
-import { CircularProgress, Paper as Paper2 } from "@mui/material";
-
-// src/components/ActionsMenu.tsx
-import { FlexRow as FlexRow3 } from "@ariestools/sdk-react/flexbox";
-import { MoreHoriz as MoreHorizIcon } from "@mui/icons-material";
-import {
-  IconButton,
-  Menu,
-  MenuItem
-} from "@mui/material";
-import { useState } from "react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var 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__ */ jsxs3(FlexRow3, { ...props, children: [
-    /* @__PURE__ */ jsx3(
-      IconButton,
-      {
-        size: "small",
-        onClick: handleClick,
-        sx: { color: "inherit" },
-        children: /* @__PURE__ */ jsx3(MoreHorizIcon, { sx: { fontSize: "inherit" } })
-      }
-    ),
-    /* @__PURE__ */ jsx3(Menu, { anchorEl, open, onClose: handleClose, children: actions?.map((action) => {
-      return /* @__PURE__ */ jsx3(
-        MenuItem,
-        {
-          onClick: () => {
-            action?.onClick?.();
-            handleClose();
-          },
-          children: action.name
-        },
-        action.name
-      );
-    }) })
-  ] }) : null;
-};
-
-// src/components/IdenticonCorner.tsx
-import { FlexRow as FlexRow4 } from "@ariestools/sdk-react/flexbox";
-import { Identicon } from "@ariestools/sdk-react/identicon";
-import { useTheme as useTheme3 } from "@mui/material";
-import {
-  useLayoutEffect,
-  useRef,
-  useState as useState2
-} from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var IdenticonCorner = ({ value, ...props }) => {
-  const theme = useTheme3();
-  const ref = useRef(null);
-  const [calculatedHeight, setCalculatedHeight] = useState2(0);
-  useLayoutEffect(() => {
-    const height = ref.current?.parentElement?.parentElement?.clientHeight ?? 0;
-    setCalculatedHeight(height);
-  }, []);
-  return /* @__PURE__ */ jsx4(
-    FlexRow4,
-    {
-      sx: {
-        alignItems: "flex-start",
-        height: "100%"
-      },
-      children: /* @__PURE__ */ jsx4(
-        FlexRow4,
-        {
-          background: true,
-          sx: {
-            height: calculatedHeight,
-            width: calculatedHeight,
-            borderLeft: `1px solid ${theme.vars.palette.divider}`
-          },
-          children: /* @__PURE__ */ jsx4("div", { ref, children: /* @__PURE__ */ jsx4(Identicon, { size: calculatedHeight * 0.6, value: `${value}`, sx: { padding: `${calculatedHeight * 0.2}px` }, ...props }) })
-        }
-      )
-    }
-  );
-};
-
-// src/components/Value.tsx
-import { EllipsizeBox } from "@xyo-network/react-shared";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var PropertyValue = ({
-  ref,
-  typographyVariant = "body1",
-  value,
-  ...props
-}) => {
-  return value === void 0 ? null : /* @__PURE__ */ jsx5(
-    EllipsizeBox,
-    {
-      typographyProps: {
-        component: void 0,
-        title: value?.toString(),
-        variant: typographyVariant
-      },
-      ref,
-      ...props,
-      sx: [{ width: "100%" }, ...Array.isArray(props.sx) ? props.sx : [props.sx]],
-      children: value
-    }
-  );
-};
-PropertyValue.displayName = "PropertyValue";
-
-// src/components/Property.tsx
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-var PropertyBox = ({
-  titleProps,
-  title,
-  value,
-  children,
-  size = "medium",
-  tip,
-  actions,
-  required,
-  badge = false,
-  ...props
-}) => {
-  const sizeValueHeight = {
-    large: 48,
-    medium: 36,
-    small: 24
-  };
-  const sizeVariants = {
-    large: "h6",
-    medium: "body1",
-    small: "body2"
-  };
-  return /* @__PURE__ */ jsxs4(
-    FlexRow5,
-    {
-      ...props,
-      sx: [{
-        flexDirection: "column",
-        minWidth: 0,
-        alignItems: "stretch",
-        overflow: "hidden"
-      }, ...Array.isArray(props.sx) ? props.sx : [props.sx]],
-      children: [
-        title === void 0 ? null : /* @__PURE__ */ jsx6(
-          PropertyTitle,
-          {
-            tip,
-            title: required ? `${title}*` : title,
-            size,
-            more: /* @__PURE__ */ jsx6(PropertyActionsMenu, { actions }),
-            ...titleProps
-          }
-        ),
-        /* @__PURE__ */ jsxs4(
-          FlexRow5,
-          {
-            sx: {
-              pl: 1,
-              columnGap: 1,
-              justifyContent: value === void 0 ? "center" : "space-between",
-              overflow: "hidden",
-              height: sizeValueHeight[size]
-            },
-            children: [
-              children ?? (value === void 0 ? /* @__PURE__ */ jsx6(CircularProgress, { size: 16 }) : /* @__PURE__ */ jsx6(PropertyValue, { value, typographyVariant: sizeVariants[size] })),
-              value === void 0 ? null : badge ? /* @__PURE__ */ jsx6(IdenticonCorner, { value }) : null
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-PropertyBox.displayName = "PropertyBox";
-var PropertyPaper = ({
-  ref,
-  style,
-  variant,
-  elevation = 2,
-  square,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx6(
-    Paper2,
-    {
-      ref,
-      style: {
-        minWidth: 0,
-        overflow: "hidden",
-        ...style
-      },
-      variant,
-      elevation,
-      square,
-      children: /* @__PURE__ */ jsx6(PropertyBox, { ...props, paper: false })
-    }
-  );
-};
-PropertyPaper.displayName = "PropertyPaper";
-var Property = ({ ...props }) => {
-  return props.paper ? /* @__PURE__ */ jsx6(PropertyPaper, { ...props }) : /* @__PURE__ */ jsx6(PropertyBox, { ...props });
-};
-Property.displayName = "Property";
-export {
-  Property,
-  PropertyGroup,
-  PropertyTitle,
-  PropertyValue
-};
+// src/index.ts
+export * from "@xyo-network/react-sdk/property";
 //# sourceMappingURL=index.mjs.map

package/dist/browser/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/components/Group.tsx", "../../src/components/Title.tsx", "../../src/components/Property.tsx", "../../src/components/ActionsMenu.tsx", "../../src/components/IdenticonCorner.tsx", "../../src/components/Value.tsx"],
-  "sourcesContent": ["import {\n  FlexCol, FlexGrowRow, FlexRow,\n} from '@ariestools/sdk-react/flexbox'\nimport { Paper, useTheme } from '@mui/material'\nimport { typeOf } from '@xyo-network/typeof'\nimport type { ReactElement } from 'react'\nimport React from 'react'\n\nimport type {\n  PropertyGroupBoxProps, PropertyGroupPaperProps, PropertyGroupProps,\n} from './Props.ts'\nimport { PropertyTitle } from './Title.tsx'\n\nconst PropertyGroupBox: React.FC<PropertyGroupBoxProps> = ({\n  titleProps, children, title, tip, ...props\n}) => {\n  const theme = useTheme()\n  const childrenArray = typeOf(children) === 'array' ? (children as ReactElement[]) : undefined\n  return (\n    <FlexCol\n      {...props}\n      sx={[{\n        alignItems: 'stretch',\n        overflow: 'hidden',\n      }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n    >\n      <FlexRow\n        sx={{\n          overflow: 'hidden',\n          justifyContent: 'stretch',\n          alignItems: 'stretch',\n        }}\n      >\n        <PropertyTitle\n          size=\"full\"\n          title={title}\n          tip={tip}\n          {...titleProps}\n          sx={[{ alignItems: 'flex-start' }, ...(Array.isArray(titleProps?.sx) ? titleProps.sx : [titleProps?.sx])]}\n        />\n        {childrenArray\n          ? (\n              <FlexGrowRow>\n                {childrenArray?.map((child, index) => {\n                  return child\n                    ? (\n                        <FlexGrowRow\n                          key={child.key ?? `group-child-${index}`}\n                          sx={{\n                            borderLeft: 1,\n                            borderColor: theme.vars.palette.divider,\n                          }}\n                        >\n                          {child}\n                        </FlexGrowRow>\n                      )\n                    : null\n                })}\n              </FlexGrowRow>\n            )\n          : (\n              <FlexGrowRow sx={{ overflow: 'hidden' }}>\n                {children}\n              </FlexGrowRow>\n            )}\n      </FlexRow>\n    </FlexCol>\n  )\n}\n\nconst PropertyGroupPaper: React.FC<PropertyGroupPaperProps> = ({\n  style, variant, elevation, square, ...props\n}) => {\n  return (\n    <Paper\n      style={{\n        minWidth: 0, overflow: 'hidden', ...style,\n      }}\n      variant={variant}\n      elevation={elevation}\n      square={square}\n    >\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", "import type { FlexBoxProps } from '@ariestools/sdk-react/flexbox'\nimport { FlexRow } from '@ariestools/sdk-react/flexbox'\nimport { QuickTipButton } from '@ariestools/sdk-react/quick-tip-button'\nimport { darkenCss, useIsDark } from '@ariestools/sdk-react/theme'\nimport type { TypographyVariant } from '@mui/material'\nimport { Typography, useTheme } from '@mui/material'\nimport type { SizeProp } from '@xyo-network/react-shared'\nimport type { ReactNode } from 'react'\nimport React 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> = ({\n  elevation = 1, size = 'medium', tip, more, title, ...props\n}) => {\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 = Math.min(sizeFontSize[size], 16)\n\n  const theme = useTheme()\n  const isDark = useIsDark()\n\n  return (\n    <FlexRow\n      {...props}\n      sx={[{\n        bgcolor: isDark\n          ? darkenCss(theme.vars.palette.background.paper, 0.75 * elevation)\n          : darkenCss(theme.vars.palette.background.paper, 0.025 * elevation),\n\n        alignItems: 'center',\n        height: sizeTitleHeight[size],\n        justifyContent: 'space-between',\n      }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n    >\n      <FlexRow\n        sx={{\n          paddingX: 1,\n          paddingY: 0.5,\n        }}\n      >\n        <Typography\n          noWrap\n          variant={sizeVariants[size]}\n          sx={{\n            fontWeight: 500,\n            fontSize: sizeFontSize[size],\n          }}\n        >\n          <small>\n            <strong>{title}</strong>\n          </small>\n        </Typography>\n        {tip\n          ? (\n              <QuickTipButton\n                style={{ fontSize: quickTipSize }}\n                title={title ?? ''}\n                sx={{ color: 'inherit' }}\n              >\n                {tip}\n              </QuickTipButton>\n            )\n          : null}\n      </FlexRow>\n      {more}\n    </FlexRow>\n  )\n}\n", "import { FlexRow } from '@ariestools/sdk-react/flexbox'\nimport type { TypographyVariant } from '@mui/material'\nimport { CircularProgress, Paper } from '@mui/material'\nimport type { SizeProp } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { PropertyActionsMenu } from './ActionsMenu.tsx'\nimport { IdenticonCorner } from './IdenticonCorner.tsx'\nimport type {\n  PropertyBoxProps, PropertyPaperProps, PropertyProps,\n} from './Props.ts'\nimport { PropertyTitle } from './Title.tsx'\nimport { PropertyValue } from './Value.tsx'\n\nconst PropertyBox: React.FC<PropertyBoxProps> = ({\n  titleProps, title, value, children, size = 'medium', tip, actions, required, badge = false, ...props\n}) => {\n  const sizeValueHeight: Record<SizeProp, number> = {\n    large: 48,\n    medium: 36,\n    small: 24,\n  }\n\n  const sizeVariants: Record<SizeProp, TypographyVariant> = {\n    large: 'h6',\n    medium: 'body1',\n    small: 'body2',\n  }\n\n  return (\n    <FlexRow\n      {...props}\n      sx={[{\n        flexDirection: 'column',\n        minWidth: 0,\n        alignItems: 'stretch',\n        overflow: 'hidden',\n      }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n    >\n      {title === undefined\n        ? null\n        : (\n            <PropertyTitle\n              tip={tip}\n              title={required ? `${title}*` : title}\n              size={size}\n              more={<PropertyActionsMenu actions={actions} />}\n              {...titleProps}\n            />\n          )}\n      <FlexRow\n        sx={{\n          pl: 1,\n          columnGap: 1,\n          justifyContent: value === undefined ? 'center' : 'space-between',\n          overflow: 'hidden',\n          height: sizeValueHeight[size],\n        }}\n      >\n        {children ?? ((value === undefined)\n          ? <CircularProgress size={16} />\n          : <PropertyValue value={value} typographyVariant={sizeVariants[size]} />)}\n        {value === undefined\n          ? null\n          : badge\n            ? <IdenticonCorner value={value} />\n            : null}\n      </FlexRow>\n    </FlexRow>\n  )\n}\nPropertyBox.displayName = 'PropertyBox'\n\nconst PropertyPaper: React.FC<PropertyPaperProps> = ({\n  ref, style, variant, elevation = 2, square, ...props\n}) => {\n  return (\n    <Paper\n      ref={ref}\n      style={{\n        minWidth: 0, overflow: 'hidden', ...style,\n      }}\n      variant={variant}\n      elevation={elevation}\n      square={square}\n    >\n      <PropertyBox {...props} paper={false} />\n    </Paper>\n  )\n}\nPropertyPaper.displayName = 'PropertyPaper'\n\nexport const Property: React.FC<PropertyProps> = ({ ...props }) => {\n  return props.paper ? <PropertyPaper {...props} /> : <PropertyBox {...props} />\n}\nProperty.displayName = 'Property'\n", "import { FlexRow } from '@ariestools/sdk-react/flexbox'\nimport { MoreHoriz as MoreHorizIcon } from '@mui/icons-material'\nimport {\n  IconButton, Menu, MenuItem,\n} from '@mui/material'\nimport React, { useState } from 'react'\n\nimport type { PropertyActionsProps } from './ActionsProps.ts'\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    ? (\n        <FlexRow {...props}>\n          <IconButton\n            size=\"small\"\n            onClick={handleClick}\n            sx={{ color: 'inherit' }}\n          >\n            <MoreHorizIcon sx={{ 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      )\n    : null\n}\n", "import type { FlexBoxProps } from '@ariestools/sdk-react/flexbox'\nimport { FlexRow } from '@ariestools/sdk-react/flexbox'\nimport { Identicon } from '@ariestools/sdk-react/identicon'\nimport { useTheme } from '@mui/material'\nimport React, {\n  useLayoutEffect, useRef, useState,\n} from 'react'\n\nexport interface IdenticonCornerProps extends FlexBoxProps {\n  value?: string | number | boolean | null\n}\n\nexport const IdenticonCorner: React.FC<IdenticonCornerProps> = ({ value, ...props }) => {\n  const theme = useTheme()\n  const ref = useRef<HTMLDivElement>(null)\n  const [calculatedHeight, setCalculatedHeight] = useState(0)\n\n  useLayoutEffect(() => {\n    const height = ref.current?.parentElement?.parentElement?.clientHeight ?? 0\n    // eslint-disable-next-line react-x/set-state-in-effect\n    setCalculatedHeight(height)\n  }, [])\n\n  return (\n    <FlexRow\n      sx={{\n        alignItems: 'flex-start',\n        height: '100%',\n      }}\n    >\n      <FlexRow\n        background\n        sx={{\n          height: calculatedHeight,\n          width: calculatedHeight,\n          borderLeft: `1px solid ${theme.vars.palette.divider}`,\n        }}\n      >\n        <div ref={ref}>\n          <Identicon size={calculatedHeight * 0.6} value={`${value}`} sx={{ padding: `${calculatedHeight * 0.2}px` }} {...props} />\n        </div>\n      </FlexRow>\n    </FlexRow>\n  )\n}\n", "import type { TypographyVariant } from '@mui/material'\nimport type { EllipsizeBoxProps } from '@xyo-network/react-shared'\nimport { EllipsizeBox } from '@xyo-network/react-shared'\nimport React from 'react'\n\nexport interface PropertyValueProps extends EllipsizeBoxProps {\n  typographyVariant?: TypographyVariant\n  value?: string | number | boolean | null\n}\n\nexport const PropertyValue = ({\n  ref, typographyVariant = 'body1', value, ...props\n}: PropertyValueProps) => {\n  return value === undefined\n    ? null\n    : (\n        <EllipsizeBox\n          typographyProps={{\n            component: undefined, title: value?.toString(), variant: typographyVariant,\n          }}\n          ref={ref}\n          {...props}\n          sx={[{ width: '100%' }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n        >\n          {value}\n        </EllipsizeBox>\n      )\n}\n\nPropertyValue.displayName = 'PropertyValue'\n"],
-  "mappings": "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",
-  "names": ["FlexRow", "useTheme", "jsx", "jsxs", "useTheme", "FlexRow", "FlexRow", "Paper", "FlexRow", "jsx", "jsxs", "FlexRow", "useTheme", "useState", "jsx", "jsx", "jsx", "jsxs", "FlexRow", "Paper"]
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["// Compatibility shim: this package re-exports from @xyo-network/react-sdk.\nexport * from '@xyo-network/react-sdk/property'\n"],
+  "mappings": ";AACA,cAAc;",
+  "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-property",
-  "version": "10.0.4",
+  "version": "10.0.6",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -41,96 +41,131 @@
     "README.md"
   ],
   "dependencies": {
-    "@xyo-network/react-shared": "~10.0.4"
+    "@xyo-network/react-sdk": "~10.0.6"
   },
   "devDependencies": {
-    "@ariestools/sdk": "^7.0.5",
-    "@ariestools/sdk-react": "^10.0.2",
+    "@ariestools/eth-address": "~8.0.2",
+    "@ariestools/pixel": "~8.0.2",
+    "@ariestools/sdk": "~8.0.2",
+    "@ariestools/sdk-react": "~11.0.0",
+    "@ariestools/threads": "~8.0.2",
     "@bitauth/libauth": "~3.0.0",
+    "@metamask/providers": "~22.1.1",
+    "@mui/icons-material": "~9.2.0",
+    "@mui/material": "~9.2.0",
+    "@mui/system": "~9.2.0",
+    "@mui/x-tree-view": "~9.8.0",
+    "@noble/post-quantum": "~0.6.1",
+    "@opentelemetry/api": "~1.9.1",
+    "@opentelemetry/sdk-trace-base": "~2.9.0",
+    "@react-spring/web": "~10.1.2",
+    "@scure/base": "~2.2.0",
+    "@scure/bip39": "~2.2.0",
+    "@types/react": "~19.2.17",
+    "@xylabs/toolchain": "~8.6.8",
+    "@xylabs/tsconfig": "~8.6.8",
+    "@xylabs/tsconfig-dom": "~8.6.8",
+    "@xylabs/tsconfig-react": "~8.6.8",
+    "@xyo-network/advertising-payload-plugins": "~7.0.2",
+    "@xyo-network/archivist-storage": "~7.0.9",
+    "@xyo-network/diviner-address-history-model": "~7.0.9",
+    "@xyo-network/diviner-hash-lease": "~7.0.9",
+    "@xyo-network/diviner-huri": "~7.0.9",
+    "@xyo-network/diviner-schema-list": "~7.0.9",
+    "@xyo-network/diviner-schema-stats": "~7.0.9",
+    "@xyo-network/node-core-types": "~4.2.2",
+    "@xyo-network/sdk": "~7.0.9",
+    "@xyo-network/sdk-geo": "~3.0.3",
+    "@xyo-network/sdk-protocol": "~7.0.14",
+    "@xyo-network/typeof": "~5.3.30",
+    "@xyo-network/xns-record-payloadset-plugins": "~7.0.2",
+    "ajv": "~8.20.0",
+    "async-mutex": "~0.5.0",
+    "card-validator": "~10.0.4",
+    "clsx": "~2.1.1",
+    "debug": "~4.4.3",
+    "eslint": "~10.6.0",
+    "ethers": "~6.17.0",
+    "hash-wasm": "~4.12.0",
+    "idb": "~8.0.3",
+    "lru-cache": "~11.5.1",
+    "mapbox-gl": "~3.25.0",
+    "md5": "~2.3.0",
+    "numeral": "~2.0.6",
+    "observable-fns": "~0.6.1",
+    "query-string": "~9.4.1",
+    "react": "~19.2.7",
+    "react-dom": "~19.2.7",
+    "react-icons": "~5.7.0",
+    "react-router-dom": "~7.18.1",
+    "rollbar": "~3.1.0",
+    "store2": "~2.14.4",
+    "typescript": "~6.0.3",
+    "viem": "~2.54.3",
+    "webextension-polyfill": "~0.12.0",
+    "zod": "~4.4.3",
+    "zustand": "~5.0.14"
+  },
+  "peerDependencies": {
+    "@ariestools/eth-address": "^8.0.2",
+    "@ariestools/pixel": "^8.0.2",
+    "@ariestools/sdk": "^8.0.2",
+    "@ariestools/sdk-react": "^11.0.0",
+    "@ariestools/threads": "^8.0.2",
+    "@bitauth/libauth": "^3.0.0",
+    "@metamask/providers": "^22.1.1",
     "@mui/icons-material": "^9.2.0",
     "@mui/material": "^9.2.0",
-    "@noble/post-quantum": "~0.6.1",
+    "@mui/system": "^9.2.0",
+    "@mui/x-tree-view": "^9.8.0",
+    "@noble/post-quantum": "^0.6.1",
     "@opentelemetry/api": "^1.9.1",
     "@opentelemetry/sdk-trace-base": "^2.9.0",
     "@react-spring/web": "^10.1.2",
-    "@scure/base": "~2.2.0",
-    "@scure/bip39": "~2.2.0",
-    "@storybook/react-vite": "~10.4.6",
+    "@scure/base": "^2.2.0",
+    "@scure/bip39": "^2.2.0",
     "@types/react": "^19.2.17",
-    "@xylabs/eth-address": "^7.0.5",
-    "@xylabs/geo": "^7.0.5",
-    "@xylabs/pixel": "^7.0.5",
-    "@xylabs/threads": "^7.0.5",
-    "@xylabs/toolchain": "~8.5.15",
-    "@xylabs/tsconfig": "^8.5.15",
-    "@xylabs/tsconfig-dom": "^8.5.15",
-    "@xylabs/tsconfig-react": "~8.5.15",
-    "@xyo-network/sdk": "^7.0.7",
-    "@xyo-network/sdk-protocol": "^7.0.12",
-    "@xyo-network/typeof": "~5.3.30",
+    "@xyo-network/advertising-payload-plugins": "^7.0.2",
+    "@xyo-network/archivist-storage": "^7.0.9",
+    "@xyo-network/diviner-address-history-model": "^7.0.9",
+    "@xyo-network/diviner-hash-lease": "^7.0.9",
+    "@xyo-network/diviner-huri": "^7.0.9",
+    "@xyo-network/diviner-schema-list": "^7.0.9",
+    "@xyo-network/diviner-schema-stats": "^7.0.9",
+    "@xyo-network/node-core-types": "^4.2.2",
+    "@xyo-network/sdk": "^7.0.9",
+    "@xyo-network/sdk-geo": "^3.0.3",
+    "@xyo-network/sdk-protocol": "^7.0.14",
+    "@xyo-network/typeof": "^5.3.30",
+    "@xyo-network/xns-record-payloadset-plugins": "^7.0.2",
     "ajv": "^8.20.0",
     "async-mutex": "^0.5.0",
+    "card-validator": "^10.0.4",
     "clsx": "^2.1.1",
     "debug": "^4.4.3",
-    "eslint": "^10.6.0",
     "ethers": "^6.17.0",
-    "hash-wasm": "~4.12.0",
+    "hash-wasm": "^4.12.0",
     "idb": "^8.0.3",
     "lru-cache": "^11.5.1",
+    "mapbox-gl": "^3.25.0",
     "md5": "^2.3.0",
     "numeral": "^2.0.6",
     "observable-fns": "^0.6.1",
     "query-string": "^9.4.1",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
+    "react-icons": "^5.7.0",
     "react-router-dom": "^7.18.1",
-    "storybook": "^10.4.6",
-    "typescript": "^6.0.3",
-    "viem": "^2.54.2",
-    "vite": "^8.1.3",
+    "rollbar": "^3.1.0",
+    "store2": "^2.14.4",
+    "viem": "^2.54.3",
+    "webextension-polyfill": "^0.12.0",
     "zod": "^4.4.3",
     "zustand": "^5.0.14"
   },
-  "peerDependencies": {
-    "@ariestools/sdk": "^7.0",
-    "@ariestools/sdk-react": "^10.0",
-    "@bitauth/libauth": "~3.0",
-    "@mui/icons-material": "^9.0",
-    "@mui/material": "^9.0",
-    "@noble/post-quantum": "~0.6.1",
-    "@opentelemetry/api": "^1.9",
-    "@opentelemetry/sdk-trace-base": "^2.7",
-    "@react-spring/web": "^10.1",
-    "@scure/base": "~2.2",
-    "@scure/bip39": "~2.2",
-    "@xylabs/eth-address": "^7.0",
-    "@xylabs/geo": "^7.0",
-    "@xylabs/pixel": "^7.0",
-    "@xylabs/threads": "^7.0",
-    "@xyo-network/sdk": "*",
-    "@xyo-network/sdk-protocol": "^7.0",
-    "@xyo-network/typeof": "~5.3",
-    "ajv": "^8.20",
-    "async-mutex": "^0.5",
-    "clsx": "^2.1",
-    "debug": "^4.4",
-    "ethers": "^6.16",
-    "hash-wasm": "~4.12",
-    "idb": "^8.0",
-    "lru-cache": "^11.3",
-    "md5": "^2.3",
-    "numeral": "^2.0",
-    "observable-fns": "^0.6",
-    "query-string": "^9.4",
-    "react": "^19.2",
-    "react-dom": "^19.2",
-    "react-router-dom": "^7.15",
-    "viem": "^2.48",
-    "zod": "^4.4",
-    "zustand": "^5.0"
-  },
   "publishConfig": {
     "access": "public"
   },
+  "deprecated": "Use @xyo-network/react-sdk/property instead. Replace @xyo-network/react-property with @xyo-network/react-sdk/property. This package is a compatibility shim only and will not receive further updates.",
   "docs": "dist/docs.json"
 }

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Action.d.ts","sourceRoot":"","sources":["../../../src/components/Action.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,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/browser/components/Actions.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../src/components/Group.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EACsC,kBAAkB,EACnE,MAAM,YAAY,CAAA;AA6EnB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAEtD,CAAA"}

package/dist/browser/components/IdenticonCorner.d.ts

@@ -1,7 +0,0 @@
-import type { FlexBoxProps } from '@ariestools/sdk-react/flexbox';
-import React from 'react';
-export interface IdenticonCornerProps extends FlexBoxProps {
-    value?: string | number | boolean | null;
-}
-export declare const IdenticonCorner: React.FC<IdenticonCornerProps>;
-//# sourceMappingURL=IdenticonCorner.d.ts.map

package/dist/browser/components/IdenticonCorner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IdenticonCorner.d.ts","sourceRoot":"","sources":["../../../src/components/IdenticonCorner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAIjE,OAAO,KAEN,MAAM,OAAO,CAAA;AAEd,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;CACzC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgC1D,CAAA"}

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { PropertyProps } from './Props.ts';
-export declare const Property: React.FC<PropertyProps>;
-//# sourceMappingURL=Property.d.ts.map

package/dist/browser/components/Property.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Property.d.ts","sourceRoot":"","sources":["../../../src/components/Property.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAC4B,aAAa,EACpD,MAAM,YAAY,CAAA;AAkFnB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAE5C,CAAA"}

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

@@ -1,35 +0,0 @@
-import type { FlexBoxProps } from '@ariestools/sdk-react/flexbox';
-import type { PaperProps } from '@mui/material';
-import type { SizeProp } from '@xyo-network/react-shared';
-import type { ReactNode } from 'react';
-import type { PropertyAction } from './Action.ts';
-import type { PropertyTitleProps } from './Title.tsx';
-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/browser/components/Props.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Props.d.ts","sourceRoot":"","sources":["../../../src/components/Props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AACjE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAErD,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,GACjD,YAAY,GAAG;IACf,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAAA;AAEH,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,GACnD,UAAU,GAAG;IACb,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,GACtD,YAAY,GAAG;IACf,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAAA;AAEH,MAAM,MAAM,uBAAuB,GAAG,sBAAsB,GACxD,UAAU,GAAG;IACb,KAAK,EAAE,IAAI,CAAA;CACZ,CAAA;AAEH,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,GAAG,uBAAuB,CAAA"}

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

@@ -1,14 +0,0 @@
-import type { FlexBoxProps } from '@ariestools/sdk-react/flexbox';
-import type { SizeProp } from '@xyo-network/react-shared';
-import type { ReactNode } from 'react';
-import React 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/browser/components/Title.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../src/components/Title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAMjE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,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,CA2EtD,CAAA"}

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

@@ -1,12 +0,0 @@
-import type { TypographyVariant } from '@mui/material';
-import type { EllipsizeBoxProps } from '@xyo-network/react-shared';
-import React from 'react';
-export interface PropertyValueProps extends EllipsizeBoxProps {
-    typographyVariant?: TypographyVariant;
-    value?: string | number | boolean | null;
-}
-export declare const PropertyValue: {
-    ({ ref, typographyVariant, value, ...props }: PropertyValueProps): React.JSX.Element | null;
-    displayName: string;
-};
-//# sourceMappingURL=Value.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Value.d.ts","sourceRoot":"","sources":["../../../src/components/Value.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAElE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;CACzC;AAED,eAAO,MAAM,aAAa;kDAEvB,kBAAkB;;CAepB,CAAA"}

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

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

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

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