@kopexa/sight 17.12.0 → 17.13.0

package/dist/components/index.mjs

@@ -0,0 +1,92 @@
+"use client";
+import "../chunk-6IAHC3UK.mjs";
+import "../chunk-6XUZNN3X.mjs";
+import {
+  Stat,
+  StatDownIndicator,
+  StatGroup,
+  StatHelpText,
+  StatLabel,
+  StatRoot,
+  StatUpIndicator,
+  StatValueText,
+  StatValueUnit
+} from "../chunk-5LLYOCGQ.mjs";
+import "../chunk-7KISSD3Q.mjs";
+import {
+  Textarea
+} from "../chunk-HUHVPC6T.mjs";
+import "../chunk-XPDEN2RV.mjs";
+import {
+  AvatarUpload
+} from "../chunk-BJ7QPNKW.mjs";
+import "../chunk-HVOS7SXF.mjs";
+import "../chunk-EAJ3DTJ3.mjs";
+import "../chunk-UWQG4HGJ.mjs";
+import {
+  Dialog
+} from "../chunk-CZNF6WPR.mjs";
+import {
+  DialogBody,
+  DialogClose,
+  DialogCloseTrigger,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogRoot,
+  DialogTitle,
+  DialogTrigger,
+  useDialogContext
+} from "../chunk-SHETEVHO.mjs";
+import "../chunk-RK7G2GYB.mjs";
+import "../chunk-UWC3Z7SY.mjs";
+import {
+  SkeletonAvatar
+} from "../chunk-POVIOFVF.mjs";
+import {
+  Skeleton
+} from "../chunk-DU3OVIBY.mjs";
+import "../chunk-DWZQIPCX.mjs";
+import "../chunk-FBTSAODG.mjs";
+import "../chunk-HISY6ZIK.mjs";
+import {
+  Blankstate
+} from "../chunk-G57FFIKP.mjs";
+import "../chunk-PKG2E3MX.mjs";
+import {
+  Code
+} from "../chunk-XL2RCXMY.mjs";
+export {
+  AvatarUpload,
+  Blankstate,
+  Code,
+  Dialog,
+  DialogBody,
+  DialogClose,
+  DialogCloseTrigger,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogRoot,
+  DialogTitle,
+  DialogTrigger,
+  Skeleton,
+  SkeletonAvatar,
+  Stat,
+  StatDownIndicator,
+  StatGroup,
+  StatHelpText,
+  StatLabel,
+  StatRoot,
+  StatUpIndicator,
+  StatValueText,
+  StatValueUnit,
+  Textarea,
+  useDialogContext
+};

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

@@ -0,0 +1,5 @@
+export { Skeleton, SkeletonProps } from './skeleton.mjs';
+export { SkeletonAvatar, SkeletonAvatarProps } from './skeleton-avatar.mjs';
+import 'react/jsx-runtime';
+import 'react';
+import '@kopexa/theme';

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

@@ -0,0 +1,5 @@
+export { Skeleton, SkeletonProps } from './skeleton.js';
+export { SkeletonAvatar, SkeletonAvatarProps } from './skeleton-avatar.js';
+import 'react/jsx-runtime';
+import 'react';
+import '@kopexa/theme';

package/dist/components/skeleton/index.js

@@ -0,0 +1,53 @@
+"use client";
+"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);
+
+// src/components/skeleton/index.ts
+var skeleton_exports = {};
+__export(skeleton_exports, {
+  Skeleton: () => Skeleton,
+  SkeletonAvatar: () => SkeletonAvatar
+});
+module.exports = __toCommonJS(skeleton_exports);
+
+// src/components/skeleton/skeleton.tsx
+var import_theme = require("@kopexa/theme");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Skeleton = (props) => {
+  const { className, children, ...rest } = props;
+  const styles = (0, import_theme.skeleton)({
+    className
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles, ...rest, children });
+};
+
+// src/components/skeleton/skeleton-avatar.tsx
+var import_shared_utils = require("@kopexa/shared-utils");
+var import_theme2 = require("@kopexa/theme");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var SkeletonAvatar = (props) => {
+  const { size, className, ...restProps } = props;
+  const baseStyle = (0, import_theme2.skeletonAvatar)({ size });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Skeleton, { ...restProps, className: (0, import_shared_utils.cn)(baseStyle, className) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Skeleton,
+  SkeletonAvatar
+});

package/dist/components/skeleton/index.mjs

@@ -0,0 +1,12 @@
+"use client";
+import "../../chunk-UWC3Z7SY.mjs";
+import {
+  SkeletonAvatar
+} from "../../chunk-POVIOFVF.mjs";
+import {
+  Skeleton
+} from "../../chunk-DU3OVIBY.mjs";
+export {
+  Skeleton,
+  SkeletonAvatar
+};

package/dist/components/skeleton/skeleton-avatar.d.mts

@@ -0,0 +1,9 @@
+import { SkeletonProps } from './skeleton.mjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SkeletonAvatarVariantProps } from '@kopexa/theme';
+import 'react';
+
+type SkeletonAvatarProps = SkeletonProps & SkeletonAvatarVariantProps;
+declare const SkeletonAvatar: (props: SkeletonAvatarProps) => react_jsx_runtime.JSX.Element;
+
+export { SkeletonAvatar, type SkeletonAvatarProps };

package/dist/components/skeleton/skeleton-avatar.d.ts

@@ -0,0 +1,9 @@
+import { SkeletonProps } from './skeleton.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SkeletonAvatarVariantProps } from '@kopexa/theme';
+import 'react';
+
+type SkeletonAvatarProps = SkeletonProps & SkeletonAvatarVariantProps;
+declare const SkeletonAvatar: (props: SkeletonAvatarProps) => react_jsx_runtime.JSX.Element;
+
+export { SkeletonAvatar, type SkeletonAvatarProps };

package/dist/components/skeleton/skeleton-avatar.js

@@ -0,0 +1,51 @@
+"use client";
+"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);
+
+// src/components/skeleton/skeleton-avatar.tsx
+var skeleton_avatar_exports = {};
+__export(skeleton_avatar_exports, {
+  SkeletonAvatar: () => SkeletonAvatar
+});
+module.exports = __toCommonJS(skeleton_avatar_exports);
+var import_shared_utils = require("@kopexa/shared-utils");
+var import_theme2 = require("@kopexa/theme");
+
+// src/components/skeleton/skeleton.tsx
+var import_theme = require("@kopexa/theme");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Skeleton = (props) => {
+  const { className, children, ...rest } = props;
+  const styles = (0, import_theme.skeleton)({
+    className
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles, ...rest, children });
+};
+
+// src/components/skeleton/skeleton-avatar.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var SkeletonAvatar = (props) => {
+  const { size, className, ...restProps } = props;
+  const baseStyle = (0, import_theme2.skeletonAvatar)({ size });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Skeleton, { ...restProps, className: (0, import_shared_utils.cn)(baseStyle, className) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SkeletonAvatar
+});

package/dist/components/skeleton/skeleton-avatar.mjs

@@ -0,0 +1,8 @@
+"use client";
+import {
+  SkeletonAvatar
+} from "../../chunk-POVIOFVF.mjs";
+import "../../chunk-DU3OVIBY.mjs";
+export {
+  SkeletonAvatar
+};

package/dist/components/skeleton/skeleton.d.mts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+
+type SkeletonProps = ComponentProps<"div">;
+declare const Skeleton: (props: SkeletonProps) => react_jsx_runtime.JSX.Element;
+
+export { Skeleton, type SkeletonProps };

package/dist/components/skeleton/skeleton.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+
+type SkeletonProps = ComponentProps<"div">;
+declare const Skeleton: (props: SkeletonProps) => react_jsx_runtime.JSX.Element;
+
+export { Skeleton, type SkeletonProps };

package/dist/components/skeleton/skeleton.js

@@ -0,0 +1,39 @@
+"use client";
+"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);
+
+// src/components/skeleton/skeleton.tsx
+var skeleton_exports = {};
+__export(skeleton_exports, {
+  Skeleton: () => Skeleton
+});
+module.exports = __toCommonJS(skeleton_exports);
+var import_theme = require("@kopexa/theme");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Skeleton = (props) => {
+  const { className, children, ...rest } = props;
+  const styles = (0, import_theme.skeleton)({
+    className
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles, ...rest, children });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Skeleton
+});

package/dist/components/skeleton/skeleton.mjs

@@ -0,0 +1,7 @@
+"use client";
+import {
+  Skeleton
+} from "../../chunk-DU3OVIBY.mjs";
+export {
+  Skeleton
+};

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

@@ -0,0 +1,4 @@
+export { Stat, StatDownIndicator, StatDownIndicatorProps, StatGroup, StatGroupProps, StatHelpText, StatHelpTextProps, StatLabel, StatLabelProps, StatRoot, StatRootProps, StatUpIndicator, StatUpIndicatorProps, StatValueText, StatValueTextProps, StatValueUnit, StatValueUnitProps } from './stat.mjs';
+import 'react/jsx-runtime';
+import '@kopexa/theme';
+import 'react';

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

@@ -0,0 +1,4 @@
+export { Stat, StatDownIndicator, StatDownIndicatorProps, StatGroup, StatGroupProps, StatHelpText, StatHelpTextProps, StatLabel, StatLabelProps, StatRoot, StatRootProps, StatUpIndicator, StatUpIndicatorProps, StatValueText, StatValueTextProps, StatValueUnit, StatValueUnitProps } from './stat.js';
+import 'react/jsx-runtime';
+import '@kopexa/theme';
+import 'react';

package/dist/components/stat/index.js

@@ -0,0 +1,186 @@
+"use client";
+"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);
+
+// src/components/stat/index.ts
+var stat_exports = {};
+__export(stat_exports, {
+  Stat: () => Stat,
+  StatDownIndicator: () => StatDownIndicator,
+  StatGroup: () => StatGroup,
+  StatHelpText: () => StatHelpText,
+  StatLabel: () => StatLabel,
+  StatRoot: () => StatRoot,
+  StatUpIndicator: () => StatUpIndicator,
+  StatValueText: () => StatValueText,
+  StatValueUnit: () => StatValueUnit
+});
+module.exports = __toCommonJS(stat_exports);
+
+// src/components/stat/stat.tsx
+var import_icons = require("@kopexa/icons");
+var import_shared_utils = require("@kopexa/shared-utils");
+var import_theme = require("@kopexa/theme");
+var import_jsx_runtime = require("react/jsx-runtime");
+function StatRoot({
+  className,
+  size,
+  trend,
+  children,
+  ...props
+}) {
+  const styles = (0, import_theme.stat)({ size, trend });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dl", { "data-slot": "stat", className: (0, import_shared_utils.cn)(styles.root(), className), ...props, children });
+}
+function StatLabel({ className, children, ...props }) {
+  const styles = (0, import_theme.stat)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "dt",
+    {
+      "data-slot": "stat-label",
+      className: (0, import_shared_utils.cn)(styles.label(), className),
+      ...props,
+      children
+    }
+  );
+}
+function StatValueText({
+  className,
+  size,
+  children,
+  ...props
+}) {
+  const styles = (0, import_theme.stat)({ size });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "dd",
+    {
+      "data-slot": "stat-value",
+      className: (0, import_shared_utils.cn)(styles.valueText(), className),
+      ...props,
+      children
+    }
+  );
+}
+function StatValueUnit({
+  className,
+  children,
+  ...props
+}) {
+  const styles = (0, import_theme.stat)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      "data-slot": "stat-value-unit",
+      className: (0, import_shared_utils.cn)(styles.valueUnit(), className),
+      ...props,
+      children
+    }
+  );
+}
+function StatHelpText({
+  className,
+  children,
+  ...props
+}) {
+  const styles = (0, import_theme.stat)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      "data-slot": "stat-help-text",
+      className: (0, import_shared_utils.cn)(styles.helpText(), className),
+      ...props,
+      children
+    }
+  );
+}
+function StatUpIndicator({
+  className,
+  icon,
+  children,
+  ...props
+}) {
+  const styles = (0, import_theme.stat)({ trend: "up" });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "span",
+    {
+      "data-slot": "stat-indicator",
+      "data-type": "up",
+      className: (0, import_shared_utils.cn)(styles.indicator(), className),
+      ...props,
+      children: [
+        icon != null ? icon : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ArrowUp, {}),
+        children
+      ]
+    }
+  );
+}
+function StatDownIndicator({
+  className,
+  icon,
+  children,
+  ...props
+}) {
+  const styles = (0, import_theme.stat)({ trend: "down" });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "span",
+    {
+      "data-slot": "stat-indicator",
+      "data-type": "down",
+      className: (0, import_shared_utils.cn)(styles.indicator(), className),
+      ...props,
+      children: [
+        icon != null ? icon : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ArrowDown, {}),
+        children
+      ]
+    }
+  );
+}
+function StatGroup({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "stat-group",
+      className: (0, import_shared_utils.cn)("flex flex-wrap justify-around gap-4", className),
+      ...props,
+      children
+    }
+  );
+}
+var Stat = Object.assign(StatRoot, {
+  Root: StatRoot,
+  Label: StatLabel,
+  ValueText: StatValueText,
+  ValueUnit: StatValueUnit,
+  HelpText: StatHelpText,
+  UpIndicator: StatUpIndicator,
+  DownIndicator: StatDownIndicator,
+  Group: StatGroup
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Stat,
+  StatDownIndicator,
+  StatGroup,
+  StatHelpText,
+  StatLabel,
+  StatRoot,
+  StatUpIndicator,
+  StatValueText,
+  StatValueUnit
+});

package/dist/components/stat/index.mjs

@@ -0,0 +1,24 @@
+"use client";
+import "../../chunk-6XUZNN3X.mjs";
+import {
+  Stat,
+  StatDownIndicator,
+  StatGroup,
+  StatHelpText,
+  StatLabel,
+  StatRoot,
+  StatUpIndicator,
+  StatValueText,
+  StatValueUnit
+} from "../../chunk-5LLYOCGQ.mjs";
+export {
+  Stat,
+  StatDownIndicator,
+  StatGroup,
+  StatHelpText,
+  StatLabel,
+  StatRoot,
+  StatUpIndicator,
+  StatValueText,
+  StatValueUnit
+};

package/dist/components/stat/stat.d.mts

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { StatVariantProps } from '@kopexa/theme';
+import { ComponentProps, ReactNode } from 'react';
+
+type StatRootProps = ComponentProps<"dl"> & StatVariantProps;
+declare function StatRoot({ className, size, trend, children, ...props }: StatRootProps): react_jsx_runtime.JSX.Element;
+type StatLabelProps = ComponentProps<"dt">;
+declare function StatLabel({ className, children, ...props }: StatLabelProps): react_jsx_runtime.JSX.Element;
+type StatValueTextProps = ComponentProps<"dd"> & Pick<StatVariantProps, "size">;
+declare function StatValueText({ className, size, children, ...props }: StatValueTextProps): react_jsx_runtime.JSX.Element;
+type StatValueUnitProps = ComponentProps<"span">;
+declare function StatValueUnit({ className, children, ...props }: StatValueUnitProps): react_jsx_runtime.JSX.Element;
+type StatHelpTextProps = ComponentProps<"span">;
+declare function StatHelpText({ className, children, ...props }: StatHelpTextProps): react_jsx_runtime.JSX.Element;
+type StatUpIndicatorProps = ComponentProps<"span"> & {
+    icon?: ReactNode;
+};
+declare function StatUpIndicator({ className, icon, children, ...props }: StatUpIndicatorProps): react_jsx_runtime.JSX.Element;
+type StatDownIndicatorProps = ComponentProps<"span"> & {
+    icon?: ReactNode;
+};
+declare function StatDownIndicator({ className, icon, children, ...props }: StatDownIndicatorProps): react_jsx_runtime.JSX.Element;
+type StatGroupProps = ComponentProps<"div">;
+declare function StatGroup({ className, children, ...props }: StatGroupProps): react_jsx_runtime.JSX.Element;
+declare const Stat: typeof StatRoot & {
+    Root: typeof StatRoot;
+    Label: typeof StatLabel;
+    ValueText: typeof StatValueText;
+    ValueUnit: typeof StatValueUnit;
+    HelpText: typeof StatHelpText;
+    UpIndicator: typeof StatUpIndicator;
+    DownIndicator: typeof StatDownIndicator;
+    Group: typeof StatGroup;
+};
+
+export { Stat, StatDownIndicator, type StatDownIndicatorProps, StatGroup, type StatGroupProps, StatHelpText, type StatHelpTextProps, StatLabel, type StatLabelProps, StatRoot, type StatRootProps, StatUpIndicator, type StatUpIndicatorProps, StatValueText, type StatValueTextProps, StatValueUnit, type StatValueUnitProps };

package/dist/components/stat/stat.d.ts

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { StatVariantProps } from '@kopexa/theme';
+import { ComponentProps, ReactNode } from 'react';
+
+type StatRootProps = ComponentProps<"dl"> & StatVariantProps;
+declare function StatRoot({ className, size, trend, children, ...props }: StatRootProps): react_jsx_runtime.JSX.Element;
+type StatLabelProps = ComponentProps<"dt">;
+declare function StatLabel({ className, children, ...props }: StatLabelProps): react_jsx_runtime.JSX.Element;
+type StatValueTextProps = ComponentProps<"dd"> & Pick<StatVariantProps, "size">;
+declare function StatValueText({ className, size, children, ...props }: StatValueTextProps): react_jsx_runtime.JSX.Element;
+type StatValueUnitProps = ComponentProps<"span">;
+declare function StatValueUnit({ className, children, ...props }: StatValueUnitProps): react_jsx_runtime.JSX.Element;
+type StatHelpTextProps = ComponentProps<"span">;
+declare function StatHelpText({ className, children, ...props }: StatHelpTextProps): react_jsx_runtime.JSX.Element;
+type StatUpIndicatorProps = ComponentProps<"span"> & {
+    icon?: ReactNode;
+};
+declare function StatUpIndicator({ className, icon, children, ...props }: StatUpIndicatorProps): react_jsx_runtime.JSX.Element;
+type StatDownIndicatorProps = ComponentProps<"span"> & {
+    icon?: ReactNode;
+};
+declare function StatDownIndicator({ className, icon, children, ...props }: StatDownIndicatorProps): react_jsx_runtime.JSX.Element;
+type StatGroupProps = ComponentProps<"div">;
+declare function StatGroup({ className, children, ...props }: StatGroupProps): react_jsx_runtime.JSX.Element;
+declare const Stat: typeof StatRoot & {
+    Root: typeof StatRoot;
+    Label: typeof StatLabel;
+    ValueText: typeof StatValueText;
+    ValueUnit: typeof StatValueUnit;
+    HelpText: typeof StatHelpText;
+    UpIndicator: typeof StatUpIndicator;
+    DownIndicator: typeof StatDownIndicator;
+    Group: typeof StatGroup;
+};
+
+export { Stat, StatDownIndicator, type StatDownIndicatorProps, StatGroup, type StatGroupProps, StatHelpText, type StatHelpTextProps, StatLabel, type StatLabelProps, StatRoot, type StatRootProps, StatUpIndicator, type StatUpIndicatorProps, StatValueText, type StatValueTextProps, StatValueUnit, type StatValueUnitProps };