@saas-ui/react 2.11.2 → 3.0.0-alpha.1

package/dist/components/sidebar/index.js

@@ -0,0 +1,108 @@
+'use client'
+import {
+  __export
+} from "../../chunk-RTMS5TJN.js";
+
+// src/components/sidebar/namespace.ts
+var namespace_exports = {};
+__export(namespace_exports, {
+  Backdrop: () => SidebarBackdrop,
+  Body: () => SidebarBody,
+  FlyoutTrigger: () => SidebarFlyoutTrigger,
+  Footer: () => SidebarFooter,
+  Group: () => SidebarGroup,
+  GroupContent: () => SidebarGroupContent,
+  GroupEndElement: () => SidebarGroupEndElement,
+  GroupHeader: () => SidebarGroupHeader,
+  GroupTitle: () => SidebarGroupTitle,
+  Header: () => SidebarHeader,
+  NavButton: () => SidebarNavButton,
+  NavItem: () => SidebarNavItem,
+  NavItemEndElement: () => SidebarNavItemEndElement,
+  Provider: () => SidebarProvider,
+  Root: () => SidebarRoot,
+  Track: () => SidebarTrack,
+  Trigger: () => SidebarTrigger
+});
+
+// src/components/sidebar/sidebar.tsx
+import { createSlotRecipeContext } from "@chakra-ui/react";
+import { Sidebar, useSidebar } from "@saas-ui/core/sidebar";
+import { jsx } from "react/jsx-runtime";
+var {
+  withContext,
+  useRecipeResult,
+  StylesProvider,
+  ClassNamesProvider,
+  useStyles: useSidebarStyles
+} = createSlotRecipeContext({
+  key: "sidebar"
+});
+var SidebarProvider = function SidebarProvider2(props) {
+  return /* @__PURE__ */ jsx(Sidebar.Provider, { ...props, children: /* @__PURE__ */ jsx(RecipeProvider, { ...props, children: props.children }) });
+};
+function RecipeProvider(props) {
+  const { mode } = useSidebar();
+  const { styles, classNames } = useRecipeResult({
+    ...props,
+    mode
+  });
+  return /* @__PURE__ */ jsx(StylesProvider, { value: styles, children: /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: props.children }) });
+}
+var SidebarRoot = withContext(
+  Sidebar.Root,
+  "root"
+);
+var SidebarTrigger = withContext(Sidebar.Trigger, "trigger", {
+  forwardAsChild: true
+});
+var SidebarFlyoutTrigger = withContext(Sidebar.FlyoutTrigger, "flyoutTrigger", {
+  forwardAsChild: true
+});
+var SidebarBackdrop = withContext(Sidebar.Backdrop, "backdrop", {
+  forwardAsChild: true
+});
+var SidebarHeader = withContext(Sidebar.Header, "header");
+var SidebarBody = withContext(
+  Sidebar.Body,
+  "body"
+);
+var SidebarFooter = withContext(Sidebar.Footer, "footer");
+var SidebarTrack = withContext(
+  Sidebar.Track,
+  "track",
+  {
+    forwardAsChild: true
+  }
+);
+var SidebarGroup = withContext(
+  Sidebar.Group,
+  "group",
+  {
+    defaultProps: {
+      role: "group"
+    }
+  }
+);
+var SidebarGroupHeader = withContext(Sidebar.GroupHeader, "groupHeader");
+var SidebarGroupTitle = withContext(Sidebar.GroupTitle, "groupTitle");
+var SidebarGroupEndElement = withContext(Sidebar.GroupEndElement, "groupEndElement");
+var SidebarGroupContent = withContext(Sidebar.GroupContent, "groupContent");
+var {
+  withProvider: withItemProvider,
+  withContext: withItemContext,
+  useStyles: useSidebarItemStyles
+} = createSlotRecipeContext({
+  key: "sidebarNavItem"
+});
+var SidebarNavItem = withItemProvider(Sidebar.NavItem, "item");
+var SidebarNavButton = withItemContext(Sidebar.NavButton, "button", {
+  forwardAsChild: true
+});
+var SidebarNavItemEndElement = withItemContext(Sidebar.NavItemEndElement, "endElement");
+export {
+  namespace_exports as Sidebar,
+  useSidebar,
+  useSidebarItemStyles,
+  useSidebarStyles
+};

package/dist/components/spinner/index.cjs

@@ -0,0 +1,44 @@
+'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/spinner/index.ts
+var spinner_exports = {};
+__export(spinner_exports, {
+  Spinner: () => Spinner
+});
+module.exports = __toCommonJS(spinner_exports);
+
+// src/components/spinner/spinner.tsx
+var import_react = require("react");
+var import_react2 = require("@chakra-ui/react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Spinner = (0, import_react.forwardRef)(
+  function Spinner2(props, ref) {
+    const { loading, children, ...rest } = props;
+    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 });
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Spinner
+});

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

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { SpinnerProps as SpinnerProps$1 } from '@chakra-ui/react';
+
+interface SpinnerProps extends SpinnerProps$1 {
+    loading?: boolean;
+    children?: React.ReactNode;
+}
+declare const Spinner: react.ForwardRefExoticComponent<SpinnerProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Spinner, type SpinnerProps };

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

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { SpinnerProps as SpinnerProps$1 } from '@chakra-ui/react';
+
+interface SpinnerProps extends SpinnerProps$1 {
+    loading?: boolean;
+    children?: React.ReactNode;
+}
+declare const Spinner: react.ForwardRefExoticComponent<SpinnerProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Spinner, type SpinnerProps };

package/dist/components/spinner/index.js

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

package/dist/components/steps/index.cjs

@@ -0,0 +1,191 @@
+'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/steps/index.ts
+var steps_exports = {};
+__export(steps_exports, {
+  Steps: () => namespace_exports
+});
+module.exports = __toCommonJS(steps_exports);
+
+// src/components/steps/namespace.ts
+var namespace_exports = {};
+__export(namespace_exports, {
+  CompletedContent: () => StepsCompletedContent,
+  Content: () => StepsContent,
+  Indicator: () => StepsIndicator,
+  Item: () => StepsItem,
+  List: () => StepsList,
+  NextTrigger: () => StepsNextTrigger,
+  PrevTrigger: () => StepsPrevTrigger,
+  Root: () => StepsRoot
+});
+
+// src/components/steps/steps.tsx
+var import_react2 = require("@chakra-ui/react");
+
+// src/components/icons/create-icon.tsx
+var import_react = require("@chakra-ui/react");
+var createIcon = (props) => {
+  return (0, import_react.createIcon)({
+    viewBox: "0 0 24 24",
+    defaultProps: {
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    },
+    ...props
+  });
+};
+
+// src/components/icons/icons.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var ChevronUpIcon = createIcon({
+  displayName: "ChevronUpIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "18 15 12 9 6 15" })
+});
+var ChevronDownIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "6 9 12 15 18 9" })
+});
+var ChevronLeftIcon = createIcon({
+  displayName: "ChevronLeftIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "15 18 9 12 15 6" })
+});
+var ChevronRightIcon = createIcon({
+  displayName: "ChevronRightIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "9 18 15 12 9 6" })
+});
+var HamburgerIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { fill: "none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
+  ] })
+});
+var CloseIcon = createIcon({
+  displayName: "CloseIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  ] })
+});
+var FilterIcon = createIcon({
+  displayName: "FilterIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" })
+});
+var CalendarIcon = createIcon({
+  displayName: "CalendarIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
+  ] })
+});
+var PlusIcon = createIcon({
+  displayName: "PlusIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+  ] })
+});
+var MinusIcon = createIcon({
+  displayName: "MinusIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) })
+});
+var ViewOffIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+  ] })
+});
+var ViewIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "3" })
+  ] })
+});
+var SearchIcon = createIcon({
+  displayName: "SearchIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+  ] })
+});
+var CheckIcon = createIcon({
+  displayName: "CheckIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "20 6 9 17 4 12" }) })
+});
+
+// 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,
+        {
+          complete: completedIcon || /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CheckIcon, {}),
+          incomplete: icon || /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Steps.Number, {})
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(StepInfo, { title, description })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.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_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 })
+  ] });
+};
+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 }) });
+};
+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 StepsNextTrigger = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Steps.NextTrigger, { ...props });
+};
+var StepsPrevTrigger = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Steps.PrevTrigger, { ...props });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Steps
+});

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

@@ -0,0 +1,31 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Steps } from '@chakra-ui/react';
+
+interface StepInfoProps {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+}
+interface StepsItemProps extends Omit<Steps.ItemProps, 'title'>, StepInfoProps {
+    completedIcon?: React.ReactNode;
+    icon?: React.ReactNode;
+}
+declare const StepsItem: (props: StepsItemProps) => react_jsx_runtime.JSX.Element;
+interface StepsIndicatorProps {
+    completedIcon: React.ReactNode;
+    icon?: React.ReactNode;
+}
+declare const StepsIndicator: (props: StepsIndicatorProps) => react_jsx_runtime.JSX.Element;
+declare const StepsList: react.ForwardRefExoticComponent<Steps.ListProps & react.RefAttributes<HTMLDivElement>>;
+type StepsRootProps = Steps.RootProps;
+declare const StepsRoot: react.ForwardRefExoticComponent<Steps.RootProps & react.RefAttributes<HTMLDivElement>>;
+declare const StepsContent: react.ForwardRefExoticComponent<Steps.ContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const StepsCompletedContent: react.ForwardRefExoticComponent<Steps.CompletedContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const StepsNextTrigger: (props: Steps.NextTriggerProps) => react_jsx_runtime.JSX.Element;
+declare const StepsPrevTrigger: (props: Steps.PrevTriggerProps) => react_jsx_runtime.JSX.Element;
+
+declare namespace namespace {
+  export { StepsCompletedContent as CompletedContent, StepsContent as Content, StepsIndicator as Indicator, type StepsIndicatorProps as IndicatorProps, StepsItem as Item, type StepsItemProps as ItemProps, StepsList as List, StepsNextTrigger as NextTrigger, StepsPrevTrigger as PrevTrigger, StepsRoot as Root, type StepsRootProps as RootProps };
+}
+
+export { namespace as Steps };

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

@@ -0,0 +1,31 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Steps } from '@chakra-ui/react';
+
+interface StepInfoProps {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+}
+interface StepsItemProps extends Omit<Steps.ItemProps, 'title'>, StepInfoProps {
+    completedIcon?: React.ReactNode;
+    icon?: React.ReactNode;
+}
+declare const StepsItem: (props: StepsItemProps) => react_jsx_runtime.JSX.Element;
+interface StepsIndicatorProps {
+    completedIcon: React.ReactNode;
+    icon?: React.ReactNode;
+}
+declare const StepsIndicator: (props: StepsIndicatorProps) => react_jsx_runtime.JSX.Element;
+declare const StepsList: react.ForwardRefExoticComponent<Steps.ListProps & react.RefAttributes<HTMLDivElement>>;
+type StepsRootProps = Steps.RootProps;
+declare const StepsRoot: react.ForwardRefExoticComponent<Steps.RootProps & react.RefAttributes<HTMLDivElement>>;
+declare const StepsContent: react.ForwardRefExoticComponent<Steps.ContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const StepsCompletedContent: react.ForwardRefExoticComponent<Steps.CompletedContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const StepsNextTrigger: (props: Steps.NextTriggerProps) => react_jsx_runtime.JSX.Element;
+declare const StepsPrevTrigger: (props: Steps.PrevTriggerProps) => react_jsx_runtime.JSX.Element;
+
+declare namespace namespace {
+  export { StepsCompletedContent as CompletedContent, StepsContent as Content, StepsIndicator as Indicator, type StepsIndicatorProps as IndicatorProps, StepsItem as Item, type StepsItemProps as ItemProps, StepsList as List, StepsNextTrigger as NextTrigger, StepsPrevTrigger as PrevTrigger, StepsRoot as Root, type StepsRootProps as RootProps };
+}
+
+export { namespace as Steps };

package/dist/components/steps/index.js

@@ -0,0 +1,71 @@
+'use client'
+import "../../chunk-KTLWEUNW.js";
+import {
+  CheckIcon
+} from "../../chunk-VDXTEASE.js";
+import {
+  __export
+} from "../../chunk-RTMS5TJN.js";
+
+// src/components/steps/namespace.ts
+var namespace_exports = {};
+__export(namespace_exports, {
+  CompletedContent: () => StepsCompletedContent,
+  Content: () => StepsContent,
+  Indicator: () => StepsIndicator,
+  Item: () => StepsItem,
+  List: () => StepsList,
+  NextTrigger: () => StepsNextTrigger,
+  PrevTrigger: () => StepsPrevTrigger,
+  Root: () => StepsRoot
+});
+
+// src/components/steps/steps.tsx
+import { Box, Steps as ChakraSteps } from "@chakra-ui/react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var StepsItem = (props) => {
+  const { title, description, completedIcon, icon, ...rest } = props;
+  return /* @__PURE__ */ jsxs(ChakraSteps.Item, { ...rest, children: [
+    /* @__PURE__ */ jsxs(ChakraSteps.Trigger, { children: [
+      /* @__PURE__ */ jsx(ChakraSteps.Indicator, { children: /* @__PURE__ */ jsx(
+        ChakraSteps.Status,
+        {
+          complete: completedIcon || /* @__PURE__ */ jsx(CheckIcon, {}),
+          incomplete: icon || /* @__PURE__ */ jsx(ChakraSteps.Number, {})
+        }
+      ) }),
+      /* @__PURE__ */ jsx(StepInfo, { title, description })
+    ] }),
+    /* @__PURE__ */ jsx(ChakraSteps.Separator, {})
+  ] });
+};
+var StepInfo = (props) => {
+  const { title, description } = props;
+  if (title && description) {
+    return /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(ChakraSteps.Title, { children: title }),
+      /* @__PURE__ */ jsx(ChakraSteps.Description, { children: description })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    title && /* @__PURE__ */ jsx(ChakraSteps.Title, { children: title }),
+    description && /* @__PURE__ */ jsx(ChakraSteps.Description, { children: description })
+  ] });
+};
+var StepsIndicator = (props) => {
+  const { icon = /* @__PURE__ */ jsx(ChakraSteps.Number, {}), completedIcon } = props;
+  return /* @__PURE__ */ jsx(ChakraSteps.Indicator, { children: /* @__PURE__ */ jsx(ChakraSteps.Status, { complete: completedIcon, incomplete: icon }) });
+};
+var StepsList = ChakraSteps.List;
+var StepsRoot = ChakraSteps.Root;
+var StepsContent = ChakraSteps.Content;
+var StepsCompletedContent = ChakraSteps.CompletedContent;
+var StepsNextTrigger = (props) => {
+  return /* @__PURE__ */ jsx(ChakraSteps.NextTrigger, { ...props });
+};
+var StepsPrevTrigger = (props) => {
+  return /* @__PURE__ */ jsx(ChakraSteps.PrevTrigger, { ...props });
+};
+export {
+  namespace_exports as Steps
+};

package/dist/components/switch/index.cjs

@@ -0,0 +1,48 @@
+'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/switch/index.ts
+var switch_exports = {};
+__export(switch_exports, {
+  Switch: () => Switch
+});
+module.exports = __toCommonJS(switch_exports);
+
+// src/components/switch/switch.tsx
+var import_react = require("@chakra-ui/react");
+var import_react2 = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Switch = (0, import_react2.forwardRef)(
+  function Switch2(props, ref) {
+    const { inputProps, children, rootRef, trackLabel, thumbLabel, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Switch.Root, { ref: rootRef, ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Switch.HiddenInput, { ref, ...inputProps }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Switch.Control, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Switch.Thumb, { children: thumbLabel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Switch.ThumbIndicator, { fallback: thumbLabel == null ? void 0 : thumbLabel.off, children: thumbLabel == null ? void 0 : thumbLabel.on }) }),
+        trackLabel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Switch.Indicator, { fallback: trackLabel.off, children: trackLabel.on })
+      ] }),
+      children != null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Switch.Label, { children })
+    ] });
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Switch
+});

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

@@ -0,0 +1,18 @@
+import * as react from 'react';
+import { Switch as Switch$1 } from '@chakra-ui/react';
+
+interface SwitchProps extends Switch$1.RootProps {
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    rootRef?: React.Ref<HTMLLabelElement>;
+    trackLabel?: {
+        on: React.ReactNode;
+        off: React.ReactNode;
+    };
+    thumbLabel?: {
+        on: React.ReactNode;
+        off: React.ReactNode;
+    };
+}
+declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLInputElement>>;
+
+export { Switch, type SwitchProps };

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

@@ -0,0 +1,18 @@
+import * as react from 'react';
+import { Switch as Switch$1 } from '@chakra-ui/react';
+
+interface SwitchProps extends Switch$1.RootProps {
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    rootRef?: React.Ref<HTMLLabelElement>;
+    trackLabel?: {
+        on: React.ReactNode;
+        off: React.ReactNode;
+    };
+    thumbLabel?: {
+        on: React.ReactNode;
+        off: React.ReactNode;
+    };
+}
+declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLInputElement>>;
+
+export { Switch, type SwitchProps };

package/dist/components/switch/index.js

@@ -0,0 +1,23 @@
+'use client'
+import "../../chunk-RTMS5TJN.js";
+
+// src/components/switch/switch.tsx
+import { Switch as ChakraSwitch } from "@chakra-ui/react";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Switch = forwardRef(
+  function Switch2(props, ref) {
+    const { inputProps, children, rootRef, trackLabel, thumbLabel, ...rest } = props;
+    return /* @__PURE__ */ jsxs(ChakraSwitch.Root, { ref: rootRef, ...rest, children: [
+      /* @__PURE__ */ jsx(ChakraSwitch.HiddenInput, { ref, ...inputProps }),
+      /* @__PURE__ */ jsxs(ChakraSwitch.Control, { children: [
+        /* @__PURE__ */ jsx(ChakraSwitch.Thumb, { children: thumbLabel && /* @__PURE__ */ jsx(ChakraSwitch.ThumbIndicator, { fallback: thumbLabel == null ? void 0 : thumbLabel.off, children: thumbLabel == null ? void 0 : thumbLabel.on }) }),
+        trackLabel && /* @__PURE__ */ jsx(ChakraSwitch.Indicator, { fallback: trackLabel.off, children: trackLabel.on })
+      ] }),
+      children != null && /* @__PURE__ */ jsx(ChakraSwitch.Label, { children })
+    ] });
+  }
+);
+export {
+  Switch
+};