@saas-ui/react 3.0.0-alpha.4 → 3.0.0-alpha.5

package/dist/components/sidebar/index.js

@@ -1,136 +1,14 @@
 'use client'
 import {
-  __export
-} from "../../chunk-RTMS5TJN.js";
-
-// src/components/sidebar/sidebar.tsx
-var sidebar_exports = {};
-__export(sidebar_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
-});
-import { Sidebar, useSidebar } from "@saas-ui/core/sidebar";
-
-// src/components/sidebar/sidebar.context.ts
-import { createSlotRecipeContext } from "@chakra-ui/react";
-var {
-  withContext,
-  useRecipeResult,
-  StylesProvider,
-  ClassNamesProvider,
-  useStyles: useSidebarStyles
-} = createSlotRecipeContext({
-  key: "suiSidebar"
-});
-var {
-  withProvider: withItemProvider,
-  withContext: withItemContext,
-  useStyles: useSidebarItemStyles
-} = createSlotRecipeContext({
-  key: "suiSidebarNavItem"
-});
-
-// src/components/sidebar/sidebar.tsx
-import { jsx } from "react/jsx-runtime";
-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 SidebarNavItem = withItemProvider(
-  Sidebar.NavItem,
-  "item"
-);
-var SidebarNavButton = withItemContext(Sidebar.NavButton, "button", {
-  forwardAsChild: true
-});
-var SidebarNavItemEndElement = withItemContext(Sidebar.NavItemEndElement, "endElement");
-
-// src/components/sidebar/index.ts
-import { useSidebar as useSidebar2 } from "@saas-ui/core/sidebar";
+  sidebar_exports,
+  useSidebar,
+  useSidebarItemStyles,
+  useSidebarStyles
+} from "../../chunk-DPMEXCSG.js";
+import "../../chunk-RTMS5TJN.js";
 export {
   sidebar_exports as Sidebar,
-  useSidebar2 as useSidebar,
+  useSidebar,
   useSidebarItemStyles,
   useSidebarStyles
 };

package/dist/components/steps/index.js

@@ -1,69 +1,10 @@
 'use client'
-import "../../chunk-KTLWEUNW.js";
-import {
-  CheckIcon
-} from "../../chunk-VDXTEASE.js";
 import {
-  __export
-} from "../../chunk-RTMS5TJN.js";
-
-// src/components/steps/steps.tsx
-var steps_exports = {};
-__export(steps_exports, {
-  CompletedContent: () => StepsCompletedContent,
-  Content: () => StepsContent,
-  Indicator: () => StepsIndicator,
-  Item: () => StepsItem,
-  List: () => StepsList,
-  NextTrigger: () => StepsNextTrigger,
-  PrevTrigger: () => StepsPrevTrigger,
-  Root: () => StepsRoot
-});
-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 {
   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
+};