mainbase-ui 1.2.5 → 3.37.0

package/dist/cjs/components/skeleton/skeleton.cjs

@@ -0,0 +1,62 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var createRecipeContext = require('../../styled-system/create-recipe-context.cjs');
+var index = require('../circle/index.cjs');
+require('../stack/h-stack.cjs');
+require('../stack/v-stack.cjs');
+var stack = require('../stack/stack.cjs');
+require('../stack/stack-separator.cjs');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const { withContext, PropsProvider } = createRecipeContext.createRecipeContext({
+  key: "skeleton"
+});
+const Skeleton = withContext("div");
+const SkeletonPropsProvider = PropsProvider;
+const SkeletonCircle = React__namespace.forwardRef(function SkeletonCircle2(props, ref) {
+  const { size, ...rest } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(index.Circle, { size, asChild: true, ref, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { ...rest }) });
+});
+SkeletonCircle.displayName = "SkeletonCircle";
+const SkeletonText = React__namespace.forwardRef(
+  function SkeletonText2(props, ref) {
+    const { loading = true, noOfLines = 3, gap, rootProps, ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(stack.Stack, { gap, width: "full", ref, ...rootProps, children: Array.from({ length: loading ? noOfLines : 1 }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
+      Skeleton,
+      {
+        loading,
+        height: loading ? "4" : void 0,
+        maxW: loading ? index === noOfLines - 1 && noOfLines > 1 ? "80%" : "100%" : void 0,
+        ...rest
+      },
+      index
+    )) });
+  }
+);
+SkeletonText.displayName = "SkeletonText";
+
+exports.Skeleton = Skeleton;
+exports.SkeletonCircle = SkeletonCircle;
+exports.SkeletonPropsProvider = SkeletonPropsProvider;
+exports.SkeletonText = SkeletonText;

package/dist/cjs/components/skip-nav/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var skipNavLink = require('./skip-nav-link.cjs');
+var skipNavContent = require('./skip-nav-content.cjs');
+
+
+
+exports.SkipNavLink = skipNavLink.SkipNavLink;
+exports.SkipNavContent = skipNavContent.SkipNavContent;

package/dist/cjs/components/skip-nav/skip-nav-content.cjs

@@ -0,0 +1,26 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var factory = require('../../styled-system/factory.cjs');
+var skipNavLink = require('./skip-nav-link.cjs');
+
+const SkipNavContent = React.forwardRef(
+  function SkipNavContent2(props, ref) {
+    const { id = skipNavLink.fallbackId, ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      factory.mainbase.div,
+      {
+        ref,
+        id,
+        tabIndex: -1,
+        style: { outline: 0 },
+        ...rest
+      }
+    );
+  }
+);
+SkipNavContent.displayName = "SkipNavContent";
+
+exports.SkipNavContent = SkipNavContent;

package/dist/cjs/components/skip-nav/skip-nav-link.cjs

@@ -0,0 +1,30 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var factory = require('../../styled-system/factory.cjs');
+var useRecipe = require('../../styled-system/use-recipe.cjs');
+
+const fallbackId = "mainbase-skip-nav";
+const SkipNavLink = React.forwardRef(
+  function SkipNavLink2(props, ref) {
+    const recipe = useRecipe.useRecipe({ key: "skipNavLink", recipe: props.recipe });
+    const [variantProps, { id, ...localProps }] = recipe.splitVariantProps(props);
+    const styles = recipe(variantProps);
+    const targetId = id ?? fallbackId;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      factory.mainbase.a,
+      {
+        ...localProps,
+        ref,
+        href: `#${targetId}`,
+        css: [styles, props.css]
+      }
+    );
+  }
+);
+SkipNavLink.displayName = "SkipNavLink";
+
+exports.SkipNavLink = SkipNavLink;
+exports.fallbackId = fallbackId;

package/dist/cjs/components/slider/index.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+var slider = require('./slider.cjs');
+var slider$1 = require('@ark-ui/react/slider');
+var namespace = require('./namespace.cjs');
+
+
+
+exports.SliderContext = slider.SliderContext;
+exports.SliderControl = slider.SliderControl;
+exports.SliderDraggingIndicator = slider.SliderDraggingIndicator;
+exports.SliderHiddenInput = slider.SliderHiddenInput;
+exports.SliderLabel = slider.SliderLabel;
+exports.SliderMarker = slider.SliderMarker;
+exports.SliderMarkerGroup = slider.SliderMarkerGroup;
+exports.SliderMarkerIndicator = slider.SliderMarkerIndicator;
+exports.SliderMarkerLabel = slider.SliderMarkerLabel;
+exports.SliderPropsProvider = slider.SliderPropsProvider;
+exports.SliderRange = slider.SliderRange;
+exports.SliderRoot = slider.SliderRoot;
+exports.SliderRootProvider = slider.SliderRootProvider;
+exports.SliderThumb = slider.SliderThumb;
+exports.SliderTrack = slider.SliderTrack;
+exports.SliderValueText = slider.SliderValueText;
+exports.useSliderStyles = slider.useSliderStyles;
+Object.defineProperty(exports, "useSlider", {
+  enumerable: true,
+  get: function () { return slider$1.useSlider; }
+});
+Object.defineProperty(exports, "useSliderContext", {
+  enumerable: true,
+  get: function () { return slider$1.useSliderContext; }
+});
+exports.Slider = namespace;

package/dist/cjs/components/slider/namespace.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var slider = require('./slider.cjs');
+
+
+
+exports.Context = slider.SliderContext;
+exports.Control = slider.SliderControl;
+exports.DraggingIndicator = slider.SliderDraggingIndicator;
+exports.HiddenInput = slider.SliderHiddenInput;
+exports.Label = slider.SliderLabel;
+exports.Marker = slider.SliderMarker;
+exports.MarkerGroup = slider.SliderMarkerGroup;
+exports.MarkerIndicator = slider.SliderMarkerIndicator;
+exports.MarkerLabel = slider.SliderMarkerLabel;
+exports.Marks = slider.SliderMarks;
+exports.PropsProvider = slider.SliderPropsProvider;
+exports.Range = slider.SliderRange;
+exports.Root = slider.SliderRoot;
+exports.RootProvider = slider.SliderRootProvider;
+exports.Thumb = slider.SliderThumb;
+exports.Thumbs = slider.SliderThumbs;
+exports.Track = slider.SliderTrack;
+exports.ValueText = slider.SliderValueText;

package/dist/cjs/components/slider/slider.cjs

@@ -0,0 +1,97 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var slider = require('@ark-ui/react/slider');
+var React = require('react');
+var createSlotRecipeContext = require('../../styled-system/create-slot-recipe-context.cjs');
+var _for = require('../for/for.cjs');
+
+const {
+  withProvider,
+  withContext,
+  useStyles: useSliderStyles,
+  PropsProvider
+} = createSlotRecipeContext.createSlotRecipeContext({ key: "slider" });
+const SliderRootProvider = withProvider(slider.Slider.RootProvider, "root", { forwardAsChild: true });
+const SliderRoot = withProvider(
+  slider.Slider.Root,
+  "root",
+  { forwardAsChild: true }
+);
+const SliderPropsProvider = PropsProvider;
+const SliderTrack = withContext(
+  slider.Slider.Track,
+  "track",
+  { forwardAsChild: true }
+);
+const SliderRange = withContext(
+  slider.Slider.Range,
+  "range",
+  { forwardAsChild: true }
+);
+const SliderThumb = withContext(
+  slider.Slider.Thumb,
+  "thumb",
+  { forwardAsChild: true }
+);
+const SliderValueText = withContext(slider.Slider.ValueText, "valueText", { forwardAsChild: true });
+const SliderLabel = withContext(
+  slider.Slider.Label,
+  "label",
+  { forwardAsChild: true }
+);
+const SliderMarkerGroup = withContext(slider.Slider.MarkerGroup, "markerGroup", { forwardAsChild: true });
+const SliderMarker = withContext(
+  slider.Slider.Marker,
+  "marker",
+  { forwardAsChild: true }
+);
+const SliderMarkerIndicator = withContext("div", "markerIndicator");
+const SliderMarkerLabel = withContext("span", "markerLabel");
+const SliderDraggingIndicator = withContext(slider.Slider.DraggingIndicator, "draggingIndicator", { forwardAsChild: true });
+const SliderThumbs = (props) => {
+  const api = slider.useSliderContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(_for.For, { each: api.value, children: (_, index) => /* @__PURE__ */ jsxRuntime.jsx(SliderThumb, { index, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(SliderHiddenInput, {}) }, index) });
+};
+const SliderMarks = React.forwardRef(
+  function SliderMarks2(props, ref) {
+    const { marks, ...rest } = props;
+    if (!marks?.length) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(SliderMarkerGroup, { ref, ...rest, children: marks.map((mark, index) => {
+      const value = typeof mark === "number" ? mark : mark.value;
+      const label = typeof mark === "number" ? void 0 : mark.label;
+      return /* @__PURE__ */ jsxRuntime.jsxs(SliderMarker, { value, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SliderMarkerIndicator, {}),
+        label != null && /* @__PURE__ */ jsxRuntime.jsx(SliderMarkerLabel, { children: label })
+      ] }, index);
+    }) });
+  }
+);
+const SliderControl = withContext(
+  slider.Slider.Control,
+  "control",
+  { forwardAsChild: true }
+);
+const SliderContext = slider.Slider.Context;
+const SliderHiddenInput = slider.Slider.HiddenInput;
+
+exports.SliderContext = SliderContext;
+exports.SliderControl = SliderControl;
+exports.SliderDraggingIndicator = SliderDraggingIndicator;
+exports.SliderHiddenInput = SliderHiddenInput;
+exports.SliderLabel = SliderLabel;
+exports.SliderMarker = SliderMarker;
+exports.SliderMarkerGroup = SliderMarkerGroup;
+exports.SliderMarkerIndicator = SliderMarkerIndicator;
+exports.SliderMarkerLabel = SliderMarkerLabel;
+exports.SliderMarks = SliderMarks;
+exports.SliderPropsProvider = SliderPropsProvider;
+exports.SliderRange = SliderRange;
+exports.SliderRoot = SliderRoot;
+exports.SliderRootProvider = SliderRootProvider;
+exports.SliderThumb = SliderThumb;
+exports.SliderThumbs = SliderThumbs;
+exports.SliderTrack = SliderTrack;
+exports.SliderValueText = SliderValueText;
+exports.useSliderStyles = useSliderStyles;

package/dist/cjs/components/spacer/index.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var spacer = require('./spacer.cjs');
+
+
+
+exports.Spacer = spacer.Spacer;

package/dist/cjs/components/spacer/spacer.cjs

@@ -0,0 +1,15 @@
+"use client";
+'use strict';
+
+var factory = require('../../styled-system/factory.cjs');
+
+const Spacer = factory.mainbase("div", {
+  base: {
+    flex: 1,
+    justifySelf: "stretch",
+    alignSelf: "stretch"
+  }
+});
+Spacer.displayName = "Spacer";
+
+exports.Spacer = Spacer;

package/dist/cjs/components/span/index.cjs

@@ -0,0 +1,9 @@
+"use client";
+'use strict';
+
+var factory = require('../../styled-system/factory.cjs');
+
+const Span = factory.mainbase("span");
+Span.displayName = "Span";
+
+exports.Span = Span;

package/dist/cjs/components/spinner/index.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var spinner = require('./spinner.cjs');
+
+
+
+exports.Spinner = spinner.Spinner;
+exports.SpinnerPropsProvider = spinner.SpinnerPropsProvider;

package/dist/cjs/components/spinner/spinner.cjs

@@ -0,0 +1,13 @@
+"use client";
+'use strict';
+
+var createRecipeContext = require('../../styled-system/create-recipe-context.cjs');
+
+const { withContext, PropsProvider } = createRecipeContext.createRecipeContext({
+  key: "spinner"
+});
+const Spinner = withContext("span");
+const SpinnerPropsProvider = PropsProvider;
+
+exports.Spinner = Spinner;
+exports.SpinnerPropsProvider = SpinnerPropsProvider;

package/dist/cjs/components/splitter/index.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+var splitter = require('./splitter.cjs');
+var splitter$1 = require('@ark-ui/react/splitter');
+var namespace = require('./namespace.cjs');
+
+
+
+exports.SplitterContext = splitter.SplitterContext;
+exports.SplitterPanel = splitter.SplitterPanel;
+exports.SplitterPropsProvider = splitter.SplitterPropsProvider;
+exports.SplitterResizeTrigger = splitter.SplitterResizeTrigger;
+exports.SplitterResizeTriggerIndicator = splitter.SplitterResizeTriggerIndicator;
+exports.SplitterResizeTriggerSeparator = splitter.SplitterResizeTriggerSeparator;
+exports.SplitterRoot = splitter.SplitterRoot;
+exports.SplitterRootProvider = splitter.SplitterRootProvider;
+exports.useSplitterStyles = splitter.useSplitterStyles;
+Object.defineProperty(exports, "createSplitterRegistry", {
+  enumerable: true,
+  get: function () { return splitter$1.createSplitterRegistry; }
+});
+Object.defineProperty(exports, "getSplitterLayout", {
+  enumerable: true,
+  get: function () { return splitter$1.getSplitterLayout; }
+});
+Object.defineProperty(exports, "useSplitter", {
+  enumerable: true,
+  get: function () { return splitter$1.useSplitter; }
+});
+Object.defineProperty(exports, "useSplitterContext", {
+  enumerable: true,
+  get: function () { return splitter$1.useSplitterContext; }
+});
+exports.Splitter = namespace;

package/dist/cjs/components/splitter/namespace.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var splitter = require('./splitter.cjs');
+
+
+
+exports.Context = splitter.SplitterContext;
+exports.Panel = splitter.SplitterPanel;
+exports.PropsProvider = splitter.SplitterPropsProvider;
+exports.ResizeTrigger = splitter.SplitterResizeTrigger;
+exports.ResizeTriggerIndicator = splitter.SplitterResizeTriggerIndicator;
+exports.ResizeTriggerSeparator = splitter.SplitterResizeTriggerSeparator;
+exports.Root = splitter.SplitterRoot;
+exports.RootProvider = splitter.SplitterRootProvider;

package/dist/cjs/components/splitter/splitter.cjs

@@ -0,0 +1,50 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var splitter = require('@ark-ui/react/splitter');
+var createSlotRecipeContext = require('../../styled-system/create-slot-recipe-context.cjs');
+
+const {
+  withProvider,
+  withContext,
+  useStyles: useSplitterStyles,
+  PropsProvider
+} = createSlotRecipeContext.createSlotRecipeContext({ key: "splitter" });
+const SplitterRootProvider = withProvider(splitter.Splitter.RootProvider, "root", { forwardAsChild: true });
+const SplitterRoot = withProvider(
+  splitter.Splitter.Root,
+  "root",
+  {
+    forwardAsChild: true
+  }
+);
+const SplitterPropsProvider = PropsProvider;
+const SplitterPanel = withContext(
+  splitter.Splitter.Panel,
+  "panel",
+  { forwardAsChild: true }
+);
+const SplitterResizeTriggerSeparator = withContext("div", "resizeTriggerSeparator");
+const SplitterResizeTriggerIndicator = withContext(splitter.Splitter.ResizeTriggerIndicator, "resizeTriggerIndicator");
+const SplitterResizeTrigger = withContext(splitter.Splitter.ResizeTrigger, "resizeTrigger", {
+  forwardAsChild: true,
+  defaultProps: {
+    "aria-label": "Resize",
+    children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SplitterResizeTriggerSeparator, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(SplitterResizeTriggerIndicator, {})
+    ] })
+  }
+});
+const SplitterContext = splitter.Splitter.Context;
+
+exports.SplitterContext = SplitterContext;
+exports.SplitterPanel = SplitterPanel;
+exports.SplitterPropsProvider = SplitterPropsProvider;
+exports.SplitterResizeTrigger = SplitterResizeTrigger;
+exports.SplitterResizeTriggerIndicator = SplitterResizeTriggerIndicator;
+exports.SplitterResizeTriggerSeparator = SplitterResizeTriggerSeparator;
+exports.SplitterRoot = SplitterRoot;
+exports.SplitterRootProvider = SplitterRootProvider;
+exports.useSplitterStyles = useSplitterStyles;

package/dist/cjs/components/square/index.cjs

@@ -0,0 +1,31 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var index = require('../box/index.cjs');
+
+const Square = React.forwardRef(
+  function Square2(props, ref) {
+    const { size, ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      index.Box,
+      {
+        ...rest,
+        ref,
+        boxSize: size,
+        css: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          flexShrink: 0,
+          flexGrow: 0,
+          ...props.css
+        }
+      }
+    );
+  }
+);
+Square.displayName = "Square";
+
+exports.Square = Square;

package/dist/cjs/components/stack/get-separator-style.cjs

@@ -0,0 +1,38 @@
+'use strict';
+
+var walkObject = require('../../utils/walk-object.cjs');
+
+function getSeparatorStyles(options) {
+  const { gap, direction } = options;
+  const styles = {
+    column: {
+      marginY: gap,
+      marginX: 0,
+      borderInlineStartWidth: 0,
+      borderTopWidth: "1px"
+    },
+    "column-reverse": {
+      marginY: gap,
+      marginX: 0,
+      borderInlineStartWidth: 0,
+      borderTopWidth: "1px"
+    },
+    row: {
+      marginX: gap,
+      marginY: 0,
+      borderInlineStartWidth: "1px",
+      borderTopWidth: 0
+    },
+    "row-reverse": {
+      marginX: gap,
+      marginY: 0,
+      borderInlineStartWidth: "1px",
+      borderTopWidth: 0
+    }
+  };
+  return {
+    "&": walkObject.mapObject(direction, (value) => styles[value])
+  };
+}
+
+exports.getSeparatorStyles = getSeparatorStyles;

package/dist/cjs/components/stack/h-stack.cjs

@@ -0,0 +1,15 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var stack = require('./stack.cjs');
+
+const HStack = React.forwardRef(
+  function HStack2(props, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx(stack.Stack, { align: "center", ...props, direction: "row", ref });
+  }
+);
+HStack.displayName = "HStack";
+
+exports.HStack = HStack;

package/dist/cjs/components/stack/index.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var hStack = require('./h-stack.cjs');
+var vStack = require('./v-stack.cjs');
+var stack = require('./stack.cjs');
+var stackSeparator = require('./stack-separator.cjs');
+
+
+
+exports.HStack = hStack.HStack;
+exports.VStack = vStack.VStack;
+exports.Stack = stack.Stack;
+exports.StackSeparator = stackSeparator.StackSeparator;

package/dist/cjs/components/stack/stack-separator.cjs

@@ -0,0 +1,17 @@
+"use client";
+'use strict';
+
+var factory = require('../../styled-system/factory.cjs');
+
+const StackSeparator = factory.mainbase("div", {
+  base: {
+    borderWidth: 0,
+    alignSelf: "stretch",
+    borderColor: "inherit",
+    width: "auto",
+    height: "auto"
+  }
+});
+StackSeparator.displayName = "StackSeparator";
+
+exports.StackSeparator = StackSeparator;

package/dist/cjs/components/stack/stack.cjs

@@ -0,0 +1,65 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var factory = require('../../styled-system/factory.cjs');
+var cx = require('../../utils/cx.cjs');
+var getSeparatorStyle = require('./get-separator-style.cjs');
+
+function getValidChildren(children) {
+  return React.Children.toArray(children).filter(
+    (child) => React.isValidElement(child)
+  );
+}
+const Stack = React.forwardRef(
+  function Stack2(props, ref) {
+    const {
+      direction = "column",
+      align,
+      justify,
+      gap = "0.5rem",
+      wrap,
+      children,
+      separator,
+      className,
+      ...rest
+    } = props;
+    const separatorStyle = React.useMemo(
+      () => getSeparatorStyle.getSeparatorStyles({ gap, direction }),
+      [gap, direction]
+    );
+    const clones = React.useMemo(() => {
+      if (!React.isValidElement(separator)) return children;
+      return getValidChildren(children).map((child, index, arr) => {
+        const key = typeof child.key !== "undefined" ? child.key : index;
+        const typedSep = separator;
+        const sep = React.cloneElement(typedSep, {
+          css: [separatorStyle, typedSep.props.css]
+        });
+        return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
+          child,
+          index === arr.length - 1 ? null : sep
+        ] }, key);
+      });
+    }, [children, separator, separatorStyle]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      factory.mainbase.div,
+      {
+        ref,
+        display: "flex",
+        alignItems: align,
+        justifyContent: justify,
+        flexDirection: direction,
+        flexWrap: wrap,
+        gap: separator ? void 0 : gap,
+        className: cx.cx("mainbase-stack", className),
+        ...rest,
+        children: clones
+      }
+    );
+  }
+);
+Stack.displayName = "Stack";
+
+exports.Stack = Stack;

package/dist/cjs/components/stack/v-stack.cjs

@@ -0,0 +1,15 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var stack = require('./stack.cjs');
+
+const VStack = React.forwardRef(
+  function VStack2(props, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx(stack.Stack, { align: "center", ...props, direction: "column", ref });
+  }
+);
+VStack.displayName = "VStack";
+
+exports.VStack = VStack;

package/dist/cjs/components/stat/index.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var stat = require('./stat.cjs');
+var namespace = require('./namespace.cjs');
+
+
+
+exports.StatDownIndicator = stat.StatDownIndicator;
+exports.StatGroup = stat.StatGroup;
+exports.StatHelpText = stat.StatHelpText;
+exports.StatLabel = stat.StatLabel;
+exports.StatPropsProvider = stat.StatPropsProvider;
+exports.StatRoot = stat.StatRoot;
+exports.StatUpIndicator = stat.StatUpIndicator;
+exports.StatValueText = stat.StatValueText;
+exports.StatValueUnit = stat.StatValueUnit;
+exports.useStatStyles = stat.useStatStyles;
+exports.Stat = namespace;