@saas-ui/react 3.0.0-alpha.31 → 3.0.0-alpha.32

package/dist/components/skeleton/index.cjs

@@ -0,0 +1,61 @@
+'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,
+  SkeletonCircle: () => SkeletonCircle,
+  SkeletonText: () => SkeletonText
+});
+module.exports = __toCommonJS(skeleton_exports);
+
+// src/components/skeleton/skeleton.tsx
+var import_react = require("react");
+var import_box = require("@chakra-ui/react/box");
+var import_skeleton = require("@chakra-ui/react/skeleton");
+var import_stack = require("@chakra-ui/react/stack");
+var import_jsx_runtime = require("react/jsx-runtime");
+var SkeletonCircle = (props) => {
+  const { size, ...rest } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_box.Circle, { size, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { ...rest }) });
+};
+var SkeletonText = (0, import_react.forwardRef)(
+  function SkeletonText2(props, ref) {
+    const { noOfLines = 3, gap, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack.Stack, { gap, width: "full", ref, children: Array.from({ length: noOfLines }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_skeleton.Skeleton,
+      {
+        height: "4",
+        ...props,
+        _last: { maxW: "80%" },
+        ...rest
+      },
+      index
+    )) });
+  }
+);
+var Skeleton = import_skeleton.Skeleton;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Skeleton,
+  SkeletonCircle,
+  SkeletonText
+});

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

@@ -0,0 +1,17 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CircleProps } from '@chakra-ui/react/box';
+import { SkeletonProps as SkeletonProps$1 } from '@chakra-ui/react/skeleton';
+
+interface SkeletonCircleProps extends SkeletonProps$1 {
+    size?: CircleProps['size'];
+}
+declare const SkeletonCircle: (props: SkeletonCircleProps) => react_jsx_runtime.JSX.Element;
+interface SkeletonTextProps extends SkeletonProps$1 {
+    noOfLines?: number;
+}
+declare const SkeletonText: react.ForwardRefExoticComponent<SkeletonTextProps & react.RefAttributes<HTMLDivElement>>;
+type SkeletonProps = SkeletonProps$1;
+declare const Skeleton: react.ForwardRefExoticComponent<SkeletonProps$1 & react.RefAttributes<HTMLDivElement>>;
+
+export { Skeleton, SkeletonCircle, type SkeletonCircleProps, type SkeletonProps, SkeletonText, type SkeletonTextProps };

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

@@ -0,0 +1,17 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CircleProps } from '@chakra-ui/react/box';
+import { SkeletonProps as SkeletonProps$1 } from '@chakra-ui/react/skeleton';
+
+interface SkeletonCircleProps extends SkeletonProps$1 {
+    size?: CircleProps['size'];
+}
+declare const SkeletonCircle: (props: SkeletonCircleProps) => react_jsx_runtime.JSX.Element;
+interface SkeletonTextProps extends SkeletonProps$1 {
+    noOfLines?: number;
+}
+declare const SkeletonText: react.ForwardRefExoticComponent<SkeletonTextProps & react.RefAttributes<HTMLDivElement>>;
+type SkeletonProps = SkeletonProps$1;
+declare const Skeleton: react.ForwardRefExoticComponent<SkeletonProps$1 & react.RefAttributes<HTMLDivElement>>;
+
+export { Skeleton, SkeletonCircle, type SkeletonCircleProps, type SkeletonProps, SkeletonText, type SkeletonTextProps };

package/dist/components/skeleton/index.js

@@ -0,0 +1,12 @@
+'use client'
+import {
+  Skeleton,
+  SkeletonCircle,
+  SkeletonText
+} from "../../chunk-UEXUCHDD.js";
+import "../../chunk-RTMS5TJN.js";
+export {
+  Skeleton,
+  SkeletonCircle,
+  SkeletonText
+};

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

@@ -0,0 +1,33 @@
+'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/skip-nav-link/index.ts
+var skip_nav_link_exports = {};
+__export(skip_nav_link_exports, {
+  SkipNavContent: () => import_skip_nav.SkipNavContent,
+  SkipNavLink: () => import_skip_nav.SkipNavLink
+});
+module.exports = __toCommonJS(skip_nav_link_exports);
+var import_skip_nav = require("@chakra-ui/react/skip-nav");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SkipNavContent,
+  SkipNavLink
+});

package/dist/components/skip-nav-link/index.d.cts

@@ -0,0 +1 @@
+export { SkipNavContent, SkipNavContentProps, SkipNavLink, SkipNavLinkProps } from '@chakra-ui/react/skip-nav';

package/dist/components/skip-nav-link/index.d.ts

@@ -0,0 +1 @@
+export { SkipNavContent, SkipNavContentProps, SkipNavLink, SkipNavLinkProps } from '@chakra-ui/react/skip-nav';

package/dist/components/skip-nav-link/index.js

@@ -0,0 +1,10 @@
+'use client'
+import {
+  SkipNavContent,
+  SkipNavLink
+} from "../../chunk-BFO2S4Y5.js";
+import "../../chunk-RTMS5TJN.js";
+export {
+  SkipNavContent,
+  SkipNavLink
+};

package/dist/components/slider/index.cjs

@@ -0,0 +1,62 @@
+'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/slider/index.ts
+var slider_exports = {};
+__export(slider_exports, {
+  Slider: () => Slider
+});
+module.exports = __toCommonJS(slider_exports);
+
+// src/components/slider/slider.tsx
+var import_react = require("react");
+var import_slider = require("@chakra-ui/react/slider");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Slider = (0, import_react.forwardRef)(
+  function Slider2(props, ref) {
+    var _a;
+    const { marks: marksProp, label, ...rest } = props;
+    const value = (_a = props.defaultValue) != null ? _a : props.value;
+    const marks = marksProp == null ? void 0 : marksProp.map((mark) => {
+      if (typeof mark === "number") return { value: mark, label: void 0 };
+      return mark;
+    });
+    const hasMarkLabel = !!(marks == null ? void 0 : marks.some((mark) => mark.label));
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_slider.Slider.Root, { ref, thumbAlignment: "center", ...rest, children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_slider.Slider.Label, { fontWeight: "medium", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_slider.Slider.Control, { mb: hasMarkLabel ? "4" : void 0, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_slider.Slider.Track, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_slider.Slider.Range, {}) }),
+        value == null ? void 0 : value.map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_slider.Slider.Thumb, { index, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_slider.Slider.HiddenInput, {}) }, index))
+      ] }),
+      (marks == null ? void 0 : marks.length) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_slider.Slider.MarkerGroup, { children: marks.map((mark, index) => {
+        const value2 = typeof mark === "number" ? mark : mark.value;
+        const label2 = typeof mark === "number" ? void 0 : mark.label;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_slider.Slider.Marker, { value: value2, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_slider.Slider.MarkerIndicator, {}),
+          label2
+        ] }, index);
+      }) })
+    ] });
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Slider
+});

package/dist/components/slider/index.d.cts

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import { Slider as Slider$1 } from '@chakra-ui/react/slider';
+
+interface SliderProps extends Slider$1.RootProps {
+    marks?: Array<number | {
+        value: number;
+        label: React.ReactNode;
+    }>;
+    label?: React.ReactNode;
+}
+declare const Slider: react.ForwardRefExoticComponent<SliderProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Slider, type SliderProps };

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

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import { Slider as Slider$1 } from '@chakra-ui/react/slider';
+
+interface SliderProps extends Slider$1.RootProps {
+    marks?: Array<number | {
+        value: number;
+        label: React.ReactNode;
+    }>;
+    label?: React.ReactNode;
+}
+declare const Slider: react.ForwardRefExoticComponent<SliderProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Slider, type SliderProps };

package/dist/components/slider/index.js

@@ -0,0 +1,8 @@
+'use client'
+import {
+  Slider
+} from "../../chunk-GD2247J4.js";
+import "../../chunk-RTMS5TJN.js";
+export {
+  Slider
+};

package/dist/components/spinner/index.cjs

@@ -27,7 +27,7 @@ module.exports = __toCommonJS(spinner_exports);
 
 // src/components/spinner/spinner.tsx
 var import_react = require("react");
-var import_react2 = require("@chakra-ui/react");
+var import_spinner = require("@chakra-ui/react/spinner");
 var import_jsx_runtime = require("react/jsx-runtime");
 var Spinner = (0, import_react.forwardRef)(
   function Spinner2(props, ref) {
@@ -35,7 +35,7 @@ var Spinner = (0, import_react.forwardRef)(
     if (loading === false) {
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Spinner, { ref, ...rest });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_spinner.Spinner, { ref, ...rest });
   }
 );
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/spinner/index.d.cts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { SpinnerProps as SpinnerProps$1 } from '@chakra-ui/react';
+import { SpinnerProps as SpinnerProps$1 } from '@chakra-ui/react/spinner';
 
 interface SpinnerProps extends SpinnerProps$1 {
     loading?: boolean;

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

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { SpinnerProps as SpinnerProps$1 } from '@chakra-ui/react';
+import { SpinnerProps as SpinnerProps$1 } from '@chakra-ui/react/spinner';
 
 interface SpinnerProps extends SpinnerProps$1 {
     loading?: boolean;

package/dist/components/spinner/index.js

@@ -1,7 +1,7 @@
 'use client'
 import {
   Spinner
-} from "../../chunk-32JGENDB.js";
+} from "../../chunk-MK3OG2I4.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   Spinner

package/dist/components/stat/index.cjs

@@ -0,0 +1,83 @@
+'use client'
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/stat/index.ts
+var stat_exports2 = {};
+__export(stat_exports2, {
+  Stat: () => stat_exports
+});
+module.exports = __toCommonJS(stat_exports2);
+
+// src/components/stat/stat.tsx
+var stat_exports = {};
+__export(stat_exports, {
+  DownTrend: () => StatDownTrend,
+  HelpText: () => HelpText,
+  Label: () => Label,
+  Root: () => Root,
+  UpTrend: () => StatUpTrend,
+  ValueText: () => StatValueText,
+  ValueUnit: () => ValueUnit
+});
+var React = __toESM(require("react"), 1);
+var import_badge = require("@chakra-ui/react/badge");
+var import_format = require("@chakra-ui/react/format");
+var import_stat = require("@chakra-ui/react/stat");
+var import_jsx_runtime = require("react/jsx-runtime");
+var StatValueText = React.forwardRef(
+  function StatValueText2(props, ref) {
+    const { value, formatOptions, children, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stat.Stat.ValueText, { ...rest, ref, children: children || value != null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_format.FormatNumber, { value, ...formatOptions }) });
+  }
+);
+var StatUpTrend = React.forwardRef(
+  function StatUpTrend2(props, ref) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_badge.Badge, { colorPalette: "green", gap: "0", ...props, ref, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stat.Stat.UpIndicator, {}),
+      props.children
+    ] });
+  }
+);
+var StatDownTrend = React.forwardRef(
+  function StatDownTrend2(props, ref) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_badge.Badge, { colorPalette: "red", gap: "0", ...props, ref, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stat.Stat.DownIndicator, {}),
+      props.children
+    ] });
+  }
+);
+var Root = import_stat.Stat.Root;
+var Label = import_stat.Stat.Label;
+var HelpText = import_stat.Stat.HelpText;
+var ValueUnit = import_stat.Stat.ValueUnit;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Stat
+});

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

@@ -0,0 +1,29 @@
+import * as react from 'react';
+import { BadgeProps } from '@chakra-ui/react/badge';
+import { Stat } from '@chakra-ui/react/stat';
+
+interface StatValueTextProps extends Stat.ValueTextProps {
+    value?: number;
+    formatOptions?: Intl.NumberFormatOptions;
+}
+declare const StatValueText: react.ForwardRefExoticComponent<StatValueTextProps & react.RefAttributes<HTMLDivElement>>;
+declare const StatUpTrend: react.ForwardRefExoticComponent<BadgeProps & react.RefAttributes<HTMLDivElement>>;
+declare const StatDownTrend: react.ForwardRefExoticComponent<BadgeProps & react.RefAttributes<HTMLDivElement>>;
+declare const Root: react.ForwardRefExoticComponent<Stat.RootProps & react.RefAttributes<HTMLDListElement>>;
+declare const Label: react.ForwardRefExoticComponent<Stat.LabelProps & react.RefAttributes<HTMLElement>>;
+declare const HelpText: react.ForwardRefExoticComponent<Stat.HelpTextProps & react.RefAttributes<HTMLElement>>;
+declare const ValueUnit: react.ForwardRefExoticComponent<Stat.ValueUnitProps & react.RefAttributes<HTMLElement>>;
+type RootProps = Stat.RootProps;
+type ValueTextProps = StatValueTextProps;
+
+declare const stat_HelpText: typeof HelpText;
+declare const stat_Label: typeof Label;
+declare const stat_Root: typeof Root;
+type stat_RootProps = RootProps;
+type stat_ValueTextProps = ValueTextProps;
+declare const stat_ValueUnit: typeof ValueUnit;
+declare namespace stat {
+  export { StatDownTrend as DownTrend, stat_HelpText as HelpText, stat_Label as Label, stat_Root as Root, type stat_RootProps as RootProps, StatUpTrend as UpTrend, StatValueText as ValueText, type stat_ValueTextProps as ValueTextProps, stat_ValueUnit as ValueUnit };
+}
+
+export { stat as Stat };

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

@@ -0,0 +1,29 @@
+import * as react from 'react';
+import { BadgeProps } from '@chakra-ui/react/badge';
+import { Stat } from '@chakra-ui/react/stat';
+
+interface StatValueTextProps extends Stat.ValueTextProps {
+    value?: number;
+    formatOptions?: Intl.NumberFormatOptions;
+}
+declare const StatValueText: react.ForwardRefExoticComponent<StatValueTextProps & react.RefAttributes<HTMLDivElement>>;
+declare const StatUpTrend: react.ForwardRefExoticComponent<BadgeProps & react.RefAttributes<HTMLDivElement>>;
+declare const StatDownTrend: react.ForwardRefExoticComponent<BadgeProps & react.RefAttributes<HTMLDivElement>>;
+declare const Root: react.ForwardRefExoticComponent<Stat.RootProps & react.RefAttributes<HTMLDListElement>>;
+declare const Label: react.ForwardRefExoticComponent<Stat.LabelProps & react.RefAttributes<HTMLElement>>;
+declare const HelpText: react.ForwardRefExoticComponent<Stat.HelpTextProps & react.RefAttributes<HTMLElement>>;
+declare const ValueUnit: react.ForwardRefExoticComponent<Stat.ValueUnitProps & react.RefAttributes<HTMLElement>>;
+type RootProps = Stat.RootProps;
+type ValueTextProps = StatValueTextProps;
+
+declare const stat_HelpText: typeof HelpText;
+declare const stat_Label: typeof Label;
+declare const stat_Root: typeof Root;
+type stat_RootProps = RootProps;
+type stat_ValueTextProps = ValueTextProps;
+declare const stat_ValueUnit: typeof ValueUnit;
+declare namespace stat {
+  export { StatDownTrend as DownTrend, stat_HelpText as HelpText, stat_Label as Label, stat_Root as Root, type stat_RootProps as RootProps, StatUpTrend as UpTrend, StatValueText as ValueText, type stat_ValueTextProps as ValueTextProps, stat_ValueUnit as ValueUnit };
+}
+
+export { stat as Stat };

package/dist/components/stat/index.js

@@ -0,0 +1,8 @@
+'use client'
+import {
+  stat_exports
+} from "../../chunk-3RHNNKPC.js";
+import "../../chunk-RTMS5TJN.js";
+export {
+  stat_exports as Stat
+};

package/dist/components/status/index.cjs

@@ -27,14 +27,14 @@ module.exports = __toCommonJS(status_exports);
 
 // src/components/status/status.tsx
 var import_react = require("react");
-var import_react2 = require("@chakra-ui/react");
+var import_status = require("@chakra-ui/react/status");
 var import_jsx_runtime = require("react/jsx-runtime");
 var Status = (0, import_react.forwardRef)(
   function Status2(props, ref) {
     const { children, value, ...rest } = props;
     const color = value ? `status.${value}` : void 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react2.Status.Root, { ref, ...rest, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Status.Indicator, { bg: color }),
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_status.Status.Root, { ref, ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_status.Status.Indicator, { bg: color }),
       children
     ] });
   }

package/dist/components/status/index.d.cts

@@ -1,5 +1,6 @@
 import * as react from 'react';
-import { Status as Status$1, Token } from '@chakra-ui/react';
+import { Status as Status$1 } from '@chakra-ui/react/status';
+import { Token } from '@chakra-ui/react/styled-system';
 
 type StatusTokens = Extract<Token, `colors.status.${string}`>;
 interface StatusProps extends Status$1.RootProps {

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

@@ -1,5 +1,6 @@
 import * as react from 'react';
-import { Status as Status$1, Token } from '@chakra-ui/react';
+import { Status as Status$1 } from '@chakra-ui/react/status';
+import { Token } from '@chakra-ui/react/styled-system';
 
 type StatusTokens = Extract<Token, `colors.status.${string}`>;
 interface StatusProps extends Status$1.RootProps {

package/dist/components/status/index.js

@@ -1,7 +1,7 @@
 'use client'
 import {
   Status
-} from "../../chunk-YKSY7UOM.js";
+} from "../../chunk-U3EPRSD3.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   Status

package/dist/components/steps/index.cjs

@@ -36,14 +36,15 @@ __export(steps_exports, {
   NextTrigger: () => StepsNextTrigger,
   PrevTrigger: () => StepsPrevTrigger,
   Root: () => StepsRoot,
-  useContext: () => import_react2.useStepsContext
+  useContext: () => import_steps.useStepsContext
 });
-var import_react2 = require("@chakra-ui/react");
+var import_box = require("@chakra-ui/react/box");
+var import_steps = require("@chakra-ui/react/steps");
 
 // src/components/icons/create-icon.tsx
-var import_react = require("@chakra-ui/react");
+var import_icon = require("@chakra-ui/react/icon");
 var createIcon = (props) => {
-  return (0, import_react.createIcon)({
+  return (0, import_icon.createIcon)({
     viewBox: "0 0 24 24",
     defaultProps: {
       fill: "none",
@@ -146,51 +147,66 @@ var EllipsisIcon = createIcon({
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "5", cy: "12", r: "1" })
   ] })
 });
+var CopyIcon = createIcon({
+  displayName: "CopyIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
+  ] })
+});
+var InfoIcon = createIcon({
+  displayName: "InfoIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 16v-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 8h.01" })
+  ] })
+});
 
 // src/components/steps/steps.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var StepsItem = (props) => {
   const { title, description, completedIcon, icon, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react2.Steps.Item, { ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react2.Steps.Trigger, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Steps.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        import_react2.Steps.Status,
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_steps.Steps.Item, { ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_steps.Steps.Trigger, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_steps.Steps.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_steps.Steps.Status,
         {
           complete: completedIcon || /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CheckIcon, {}),
-          incomplete: icon || /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Steps.Number, {})
+          incomplete: icon || /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_steps.Steps.Number, {})
         }
       ) }),
       /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(StepInfo, { title, description })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Steps.Separator, {})
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_steps.Steps.Separator, {})
   ] });
 };
 var StepInfo = (props) => {
   const { title, description } = props;
   if (title && description) {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react2.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Steps.Title, { children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Steps.Description, { children: description })
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_box.Box, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_steps.Steps.Title, { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_steps.Steps.Description, { children: description })
     ] });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Steps.Title, { children: title }),
-    description && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Steps.Description, { children: description })
+    title && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_steps.Steps.Title, { children: title }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_steps.Steps.Description, { children: description })
   ] });
 };
 var StepsIndicator = (props) => {
-  const { icon = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Steps.Number, {}), completedIcon } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Steps.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Steps.Status, { complete: completedIcon, incomplete: icon }) });
+  const { icon = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_steps.Steps.Number, {}), completedIcon } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_steps.Steps.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_steps.Steps.Status, { complete: completedIcon, incomplete: icon }) });
 };
-var StepsList = import_react2.Steps.List;
-var StepsRoot = import_react2.Steps.Root;
-var StepsContent = import_react2.Steps.Content;
-var StepsCompletedContent = import_react2.Steps.CompletedContent;
+var StepsList = import_steps.Steps.List;
+var StepsRoot = import_steps.Steps.Root;
+var StepsContent = import_steps.Steps.Content;
+var StepsCompletedContent = import_steps.Steps.CompletedContent;
 var StepsNextTrigger = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Steps.NextTrigger, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_steps.Steps.NextTrigger, { ...props });
 };
 var StepsPrevTrigger = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Steps.PrevTrigger, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_steps.Steps.PrevTrigger, { ...props });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/components/steps/index.d.cts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Steps, useStepsContext } from '@chakra-ui/react';
+import { Steps, useStepsContext } from '@chakra-ui/react/steps';
 
 interface StepInfoProps {
     title?: React.ReactNode;

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

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Steps, useStepsContext } from '@chakra-ui/react';
+import { Steps, useStepsContext } from '@chakra-ui/react/steps';
 
 interface StepInfoProps {
     title?: React.ReactNode;