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

package/dist/components/sidebar/index.js

@@ -1,107 +1,13 @@
 '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");
+  sidebar_exports,
+  useSidebar,
+  useSidebarItemStyles,
+  useSidebarStyles
+} from "../../chunk-GGAKUS66.js";
+import "../../chunk-RTMS5TJN.js";
 export {
-  namespace_exports as Sidebar,
+  sidebar_exports as Sidebar,
   useSidebar,
   useSidebarItemStyles,
   useSidebarStyles

package/dist/components/steps/index.cjs

@@ -19,15 +19,15 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/components/steps/index.ts
-var steps_exports = {};
-__export(steps_exports, {
-  Steps: () => namespace_exports
+var steps_exports2 = {};
+__export(steps_exports2, {
+  Steps: () => steps_exports
 });
-module.exports = __toCommonJS(steps_exports);
+module.exports = __toCommonJS(steps_exports2);
 
-// src/components/steps/namespace.ts
-var namespace_exports = {};
-__export(namespace_exports, {
+// src/components/steps/steps.tsx
+var steps_exports = {};
+__export(steps_exports, {
   CompletedContent: () => StepsCompletedContent,
   Content: () => StepsContent,
   Indicator: () => StepsIndicator,
@@ -37,8 +37,6 @@ __export(namespace_exports, {
   PrevTrigger: () => StepsPrevTrigger,
   Root: () => StepsRoot
 });
-
-// src/components/steps/steps.tsx
 var import_react2 = require("@chakra-ui/react");
 
 // src/components/icons/create-icon.tsx

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

@@ -24,8 +24,8 @@ declare const StepsCompletedContent: react.ForwardRefExoticComponent<Steps.Compl
 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 {
+declare namespace steps {
   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 };
+export { steps as Steps };

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

@@ -24,8 +24,8 @@ declare const StepsCompletedContent: react.ForwardRefExoticComponent<Steps.Compl
 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 {
+declare namespace steps {
   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 };
+export { steps as Steps };

package/dist/components/steps/index.js

@@ -1,71 +1,10 @@
 '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 });
-};
+  steps_exports
+} from "../../chunk-6LOMIKR5.js";
+import "../../chunk-KTLWEUNW.js";
+import "../../chunk-VDXTEASE.js";
+import "../../chunk-RTMS5TJN.js";
 export {
-  namespace_exports as Steps
+  steps_exports as Steps
 };

package/dist/components/switch/index.js

@@ -1,23 +1,8 @@
 'use client'
+import {
+  Switch
+} from "../../chunk-SA3OGTOO.js";
 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
 };

package/dist/components/toaster/index.cjs

@@ -0,0 +1,54 @@
+'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/toaster/index.ts
+var toaster_exports = {};
+__export(toaster_exports, {
+  Toaster: () => Toaster,
+  toast: () => toast
+});
+module.exports = __toCommonJS(toaster_exports);
+
+// src/components/toaster/toaster.tsx
+var import_react = require("@chakra-ui/react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var toast = (0, import_react.createToaster)({
+  placement: "bottom-end",
+  pauseOnPageIdle: true
+});
+var Toaster = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Toaster, { toaster: toast, insetInline: { mdDown: "4" }, children: (toast2) => {
+    var _a;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Toast.Root, { width: { md: "sm" }, children: [
+      toast2.type === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Spinner, { size: "sm", color: "colorPalette.solid" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Toast.Indicator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Stack, { gap: "1", flex: "1", maxWidth: "100%", children: [
+        toast2.title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Toast.Title, { children: toast2.title }),
+        toast2.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Toast.Description, { children: toast2.description })
+      ] }),
+      toast2.action && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Toast.ActionTrigger, { children: toast2.action.label }),
+      ((_a = toast2.meta) == null ? void 0 : _a.closable) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Toast.CloseTrigger, {})
+    ] });
+  } }) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Toaster,
+  toast
+});

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CreateToasterReturn } from '@chakra-ui/react';
+
+declare const toast: CreateToasterReturn;
+interface ToasterProps extends CreateToasterReturn {
+    children: React.ReactNode;
+}
+declare const Toaster: () => react_jsx_runtime.JSX.Element;
+
+export { Toaster, type ToasterProps, toast };

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CreateToasterReturn } from '@chakra-ui/react';
+
+declare const toast: CreateToasterReturn;
+interface ToasterProps extends CreateToasterReturn {
+    children: React.ReactNode;
+}
+declare const Toaster: () => react_jsx_runtime.JSX.Element;
+
+export { Toaster, type ToasterProps, toast };

package/dist/components/toaster/index.js

@@ -0,0 +1,10 @@
+'use client'
+import {
+  Toaster,
+  toast
+} from "../../chunk-HELHPHIQ.js";
+import "../../chunk-RTMS5TJN.js";
+export {
+  Toaster,
+  toast
+};

package/dist/components/tooltip/index.cjs

@@ -0,0 +1,57 @@
+'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/tooltip/index.ts
+var tooltip_exports = {};
+__export(tooltip_exports, {
+  Tooltip: () => Tooltip
+});
+module.exports = __toCommonJS(tooltip_exports);
+
+// src/components/tooltip/tooltip.tsx
+var import_react = require("react");
+var import_react2 = require("@chakra-ui/react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Tooltip = (0, import_react.forwardRef)(
+  function Tooltip2(props, ref) {
+    const {
+      showArrow,
+      children,
+      disabled,
+      portalled,
+      content,
+      contentProps,
+      portalRef,
+      ...rest
+    } = props;
+    if (disabled) return children;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react2.Tooltip.Root, { ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Tooltip.Trigger, { asChild: true, children }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Tooltip.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react2.Tooltip.Content, { ref, ...contentProps, children: [
+        showArrow && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Tooltip.Arrow, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Tooltip.ArrowTip, {}) }),
+        content
+      ] }) }) })
+    ] });
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Tooltip
+});

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

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import { Tooltip as Tooltip$1 } from '@chakra-ui/react';
+
+interface TooltipProps extends Tooltip$1.RootProps {
+    showArrow?: boolean;
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+    content: React.ReactNode;
+    contentProps?: Tooltip$1.ContentProps;
+    disabled?: boolean;
+}
+declare const Tooltip: react.ForwardRefExoticComponent<TooltipProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Tooltip, type TooltipProps };

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

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import { Tooltip as Tooltip$1 } from '@chakra-ui/react';
+
+interface TooltipProps extends Tooltip$1.RootProps {
+    showArrow?: boolean;
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+    content: React.ReactNode;
+    contentProps?: Tooltip$1.ContentProps;
+    disabled?: boolean;
+}
+declare const Tooltip: react.ForwardRefExoticComponent<TooltipProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Tooltip, type TooltipProps };

package/dist/components/tooltip/index.js

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