@saas-ui/react 3.0.0-alpha.9 → 3.0.0-next.1

package/dist/loading-overlay-BQ4lOS6T.d.ts

@@ -0,0 +1,23 @@
+import { SpinnerProps } from './components/spinner/index.js';
+import react__default from 'react';
+import { PresenceBaseProps } from '@ark-ui/react/presence';
+import { HTMLChakraProps, SlotRecipeProps } from '@chakra-ui/react';
+
+interface LoadingOverlayProps extends HTMLChakraProps<'div'>, SlotRecipeProps<'suiLoadingOverlay'>, PresenceBaseProps {
+    /**
+     * Show or hide the LoadingOverlay.
+     * @default true
+     */
+    loading?: boolean;
+}
+declare const LoadingOverlayRoot: react__default.ForwardRefExoticComponent<LoadingOverlayProps & react__default.RefAttributes<HTMLDivElement>>;
+declare const LoadingOverlaySpinner: react__default.ForwardRefExoticComponent<SpinnerProps & react__default.RefAttributes<HTMLDivElement>>;
+interface LoadingTextProps extends HTMLChakraProps<'p'> {
+}
+declare const LoadingOverlayText: react__default.ForwardRefExoticComponent<LoadingTextProps & react__default.RefAttributes<HTMLParagraphElement>>;
+
+declare namespace loadingOverlay {
+  export { LoadingOverlayRoot as Root, type LoadingOverlayProps as RootProps, LoadingOverlaySpinner as Spinner, LoadingOverlayText as Text, type LoadingTextProps as TextProps };
+}
+
+export { loadingOverlay as l };

package/dist/loading-overlay-afP_W7ru.d.cts

@@ -0,0 +1,23 @@
+import { SpinnerProps } from './components/spinner/index.cjs';
+import react__default from 'react';
+import { PresenceBaseProps } from '@ark-ui/react/presence';
+import { HTMLChakraProps, SlotRecipeProps } from '@chakra-ui/react';
+
+interface LoadingOverlayProps extends HTMLChakraProps<'div'>, SlotRecipeProps<'suiLoadingOverlay'>, PresenceBaseProps {
+    /**
+     * Show or hide the LoadingOverlay.
+     * @default true
+     */
+    loading?: boolean;
+}
+declare const LoadingOverlayRoot: react__default.ForwardRefExoticComponent<LoadingOverlayProps & react__default.RefAttributes<HTMLDivElement>>;
+declare const LoadingOverlaySpinner: react__default.ForwardRefExoticComponent<SpinnerProps & react__default.RefAttributes<HTMLDivElement>>;
+interface LoadingTextProps extends HTMLChakraProps<'p'> {
+}
+declare const LoadingOverlayText: react__default.ForwardRefExoticComponent<LoadingTextProps & react__default.RefAttributes<HTMLParagraphElement>>;
+
+declare namespace loadingOverlay {
+  export { LoadingOverlayRoot as Root, type LoadingOverlayProps as RootProps, LoadingOverlaySpinner as Spinner, LoadingOverlayText as Text, type LoadingTextProps as TextProps };
+}
+
+export { loadingOverlay as l };

package/dist/theme/tokens/colors.cjs

@@ -164,9 +164,9 @@ var colors = import_react.defineTokens.colors({
     50: { value: "oklch(0.987 0.026 102.212)" },
     100: { value: "oklch(0.973 0.071 103.193)" },
     200: { value: "oklch(0.945 0.129 101.54)" },
-    300: { value: "oklch(0.905 0.182 98.111)" },
-    400: { value: "oklch(0.852 0.199 91.936)" },
-    500: { value: "oklch(0.795 0.184 86.047)" },
+    300: { value: "oklch(0.897 0.182 98.111)" },
+    400: { value: "oklch(0.854 0.184 96.404)" },
+    500: { value: "oklch(0.795 0.180 86.047)" },
     600: { value: "oklch(0.681 0.162 75.834)" },
     700: { value: "oklch(0.554 0.135 66.442)" },
     800: { value: "oklch(0.476 0.114 61.907)" },

package/dist/theme/tokens/colors.js

@@ -1,7 +1,7 @@
 'use client'
 import {
   colors
-} from "../../chunk-IFYV7NUJ.js";
+} from "../../chunk-3MO37LYW.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   colors

package/dist/types-DnFoUudY.d.cts

@@ -0,0 +1,10 @@
+import { SlotRecipeProps as SlotRecipeProps$1, RecipeProps as RecipeProps$1, RecipeDefinition } from '@chakra-ui/react';
+
+type RecipeProps<T, DefaultRecipe> = RecipeProps$1<T> extends {
+    recipe?: RecipeDefinition;
+} ? RecipeProps$1<T> & DefaultRecipe : RecipeProps$1<T>;
+type SlotRecipeProps<T, DefaultSlotRecipe> = SlotRecipeProps$1<T> extends {
+    variant?: any;
+} ? SlotRecipeProps$1<T> : SlotRecipeProps$1<T> & DefaultSlotRecipe;
+
+export type { RecipeProps as R, SlotRecipeProps as S };

package/dist/types-DnFoUudY.d.ts

@@ -0,0 +1,10 @@
+import { SlotRecipeProps as SlotRecipeProps$1, RecipeProps as RecipeProps$1, RecipeDefinition } from '@chakra-ui/react';
+
+type RecipeProps<T, DefaultRecipe> = RecipeProps$1<T> extends {
+    recipe?: RecipeDefinition;
+} ? RecipeProps$1<T> & DefaultRecipe : RecipeProps$1<T>;
+type SlotRecipeProps<T, DefaultSlotRecipe> = SlotRecipeProps$1<T> extends {
+    variant?: any;
+} ? SlotRecipeProps$1<T> : SlotRecipeProps$1<T> & DefaultSlotRecipe;
+
+export type { RecipeProps as R, SlotRecipeProps as S };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saas-ui/react",
-  "version": "3.0.0-alpha.9",
+  "version": "3.0.0-next.1",
   "description": "Saas UI - The React component library for startups.",
   "type": "module",
   "exports": {
@@ -69,18 +69,18 @@
     "url": "https://storybook.saas-ui.dev"
   },
   "dependencies": {
-    "@ark-ui/react": "^4.4.4",
-    "@saas-ui/core": "3.0.0-alpha.4",
-    "@saas-ui/hooks": "3.0.0-alpha.4"
+    "@ark-ui/react": "^5.0.1",
+    "@saas-ui/core": "3.0.0-next.0",
+    "@saas-ui/hooks": "3.0.0-next.0"
   },
   "peerDependencies": {
-    "@chakra-ui/react": "^3.2.2",
+    "@chakra-ui/react": "^3.7.0",
     "@emotion/react": "^11",
     "react": ">=18",
     "react-dom": ">=18"
   },
   "devDependencies": {
-    "react-icons": "^5.3.0",
-    "tsup": "^8.3.5"
+    "react-icons": "^5.5.0",
+    "tsup": "^8.4.0"
   }
 }

package/dist/chunk-BCNPBZZK.js

@@ -1,45 +0,0 @@
-'use client'
-
-// src/components/button/button.tsx
-import { forwardRef } from "react";
-import {
-  AbsoluteCenter,
-  Button as ButtonPrimitive,
-  Span,
-  Spinner
-} from "@chakra-ui/react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var Button = forwardRef(
-  function Button2(props, ref) {
-    const {
-      loading,
-      disabled,
-      loadingText,
-      children,
-      variant = "glass",
-      colorPalette = variant === "glass" ? "accent" : "gray",
-      ...rest
-    } = props;
-    return /* @__PURE__ */ jsx(
-      ButtonPrimitive,
-      {
-        colorPalette,
-        disabled: loading || disabled,
-        variant,
-        ref,
-        ...rest,
-        children: loading && !loadingText ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(AbsoluteCenter, { display: "inline-flex", children: /* @__PURE__ */ jsx(Spinner, { size: "inherit", color: "inherit" }) }),
-          /* @__PURE__ */ jsx(Span, { opacity: 0, children })
-        ] }) : loading && loadingText ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Spinner, { size: "inherit", color: "inherit" }),
-          loadingText
-        ] }) : children
-      }
-    );
-  }
-);
-
-export {
-  Button
-};

package/dist/chunk-CB52LBJK.js

@@ -1,71 +0,0 @@
-'use client'
-import {
-  CloseButton
-} from "./chunk-FZW2DYK3.js";
-import {
-  __export
-} from "./chunk-RTMS5TJN.js";
-
-// src/components/dialog/namespace.ts
-var namespace_exports = {};
-__export(namespace_exports, {
-  ActionTrigger: () => DialogActionTrigger,
-  Backdrop: () => DialogBackdrop,
-  Body: () => DialogBody,
-  CloseTrigger: () => DialogCloseTrigger,
-  Content: () => DialogContent,
-  Context: () => DialogContext,
-  Description: () => DialogDescription,
-  Footer: () => DialogFooter,
-  Header: () => DialogHeader,
-  Root: () => DialogRoot,
-  Title: () => DialogTitle,
-  Trigger: () => DialogTrigger
-});
-
-// src/components/dialog/dialog.tsx
-import { forwardRef } from "react";
-import { Dialog as ChakraDialog, Portal } from "@chakra-ui/react";
-import { DialogContext } from "@ark-ui/react/dialog";
-import { jsx, jsxs } from "react/jsx-runtime";
-var DialogContent = forwardRef(
-  function DialogContent2(props, ref) {
-    const {
-      children,
-      portalled = true,
-      portalRef,
-      backdrop = true,
-      ...rest
-    } = props;
-    return /* @__PURE__ */ jsxs(Portal, { disabled: !portalled, container: portalRef, children: [
-      backdrop && /* @__PURE__ */ jsx(ChakraDialog.Backdrop, {}),
-      /* @__PURE__ */ jsx(ChakraDialog.Positioner, { children: /* @__PURE__ */ jsx(ChakraDialog.Content, { ref, ...rest, asChild: false, children }) })
-    ] });
-  }
-);
-var DialogCloseTrigger = forwardRef(function DialogCloseTrigger2(props, ref) {
-  return /* @__PURE__ */ jsx(
-    ChakraDialog.CloseTrigger,
-    {
-      position: "absolute",
-      top: "2",
-      insetEnd: "2",
-      ...props,
-      asChild: true,
-      children: /* @__PURE__ */ jsx(CloseButton, { size: "sm", ref, children: props.children })
-    }
-  );
-});
-var DialogRoot = ChakraDialog.Root;
-var DialogFooter = ChakraDialog.Footer;
-var DialogHeader = ChakraDialog.Header;
-var DialogBody = ChakraDialog.Body;
-var DialogBackdrop = ChakraDialog.Backdrop;
-var DialogTitle = ChakraDialog.Title;
-var DialogDescription = ChakraDialog.Description;
-var DialogTrigger = ChakraDialog.Trigger;
-var DialogActionTrigger = ChakraDialog.ActionTrigger;
-
-export {
-  namespace_exports
-};

package/dist/chunk-FZW2DYK3.js

@@ -1,19 +0,0 @@
-'use client'
-import {
-  CloseIcon
-} from "./chunk-VDXTEASE.js";
-
-// src/components/close-button/close-button.tsx
-import { forwardRef } from "react";
-import { IconButton as ChakraIconButton } from "@chakra-ui/react";
-import { jsx } from "react/jsx-runtime";
-var CloseButton = forwardRef(
-  function CloseButton2(props, ref) {
-    var _a;
-    return /* @__PURE__ */ jsx(ChakraIconButton, { variant: "ghost", "aria-label": "Close", ref, ...props, children: (_a = props.children) != null ? _a : /* @__PURE__ */ jsx(CloseIcon, {}) });
-  }
-);
-
-export {
-  CloseButton
-};

package/dist/chunk-H6TFEHY4.js

@@ -1,63 +0,0 @@
-'use client'
-import {
-  CloseButton
-} from "./chunk-FZW2DYK3.js";
-import {
-  __export
-} from "./chunk-RTMS5TJN.js";
-
-// src/components/drawer/namespace.ts
-var namespace_exports = {};
-__export(namespace_exports, {
-  ActionTrigger: () => DrawerActionTrigger,
-  Backdrop: () => DrawerBackdrop,
-  Body: () => DrawerBody,
-  CloseTrigger: () => DrawerCloseTrigger,
-  Content: () => DrawerContent,
-  Context: () => DrawerContext,
-  Description: () => DrawerDescription,
-  Footer: () => DrawerFooter,
-  Header: () => DrawerHeader,
-  Root: () => DrawerRoot,
-  Title: () => DrawerTitle,
-  Trigger: () => DrawerTrigger
-});
-
-// src/components/drawer/drawer.tsx
-import { forwardRef } from "react";
-import { DialogContext } from "@ark-ui/react/dialog";
-import { Drawer as ChakraDrawer, Portal } from "@chakra-ui/react";
-import { jsx } from "react/jsx-runtime";
-var DrawerContent = forwardRef(
-  function DrawerContent2(props, ref) {
-    const { children, portalled = true, portalRef, offset, ...rest } = props;
-    return /* @__PURE__ */ jsx(Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsx(ChakraDrawer.Positioner, { padding: offset, children: /* @__PURE__ */ jsx(ChakraDrawer.Content, { ref, ...rest, asChild: false, children }) }) });
-  }
-);
-var DrawerCloseTrigger = forwardRef(function DrawerCloseTrigger2(props, ref) {
-  return /* @__PURE__ */ jsx(
-    ChakraDrawer.CloseTrigger,
-    {
-      position: "absolute",
-      top: "2",
-      insetEnd: "2",
-      ...props,
-      asChild: true,
-      children: /* @__PURE__ */ jsx(CloseButton, { size: "sm", ref })
-    }
-  );
-});
-var DrawerTrigger = ChakraDrawer.Trigger;
-var DrawerRoot = ChakraDrawer.Root;
-var DrawerFooter = ChakraDrawer.Footer;
-var DrawerHeader = ChakraDrawer.Header;
-var DrawerBody = ChakraDrawer.Body;
-var DrawerBackdrop = ChakraDrawer.Backdrop;
-var DrawerDescription = ChakraDrawer.Description;
-var DrawerTitle = ChakraDrawer.Title;
-var DrawerActionTrigger = ChakraDrawer.ActionTrigger;
-var DrawerContext = DialogContext;
-
-export {
-  namespace_exports
-};

package/dist/chunk-HELHPHIQ.js

@@ -1,35 +0,0 @@
-'use client'
-
-// src/components/toaster/toaster.tsx
-import {
-  Toaster as ChakraToaster,
-  Portal,
-  Spinner,
-  Stack,
-  Toast,
-  createToaster
-} from "@chakra-ui/react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var toast = createToaster({
-  placement: "bottom-end",
-  pauseOnPageIdle: true
-});
-var Toaster = () => {
-  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(ChakraToaster, { toaster: toast, insetInline: { mdDown: "4" }, children: (toast2) => {
-    var _a;
-    return /* @__PURE__ */ jsxs(Toast.Root, { width: { md: "sm" }, children: [
-      toast2.type === "loading" ? /* @__PURE__ */ jsx(Spinner, { size: "sm", color: "colorPalette.solid" }) : /* @__PURE__ */ jsx(Toast.Indicator, {}),
-      /* @__PURE__ */ jsxs(Stack, { gap: "1", flex: "1", maxWidth: "100%", children: [
-        toast2.title && /* @__PURE__ */ jsx(Toast.Title, { children: toast2.title }),
-        toast2.description && /* @__PURE__ */ jsx(Toast.Description, { children: toast2.description })
-      ] }),
-      toast2.action && /* @__PURE__ */ jsx(Toast.ActionTrigger, { children: toast2.action.label }),
-      ((_a = toast2.meta) == null ? void 0 : _a.closable) && /* @__PURE__ */ jsx(Toast.CloseTrigger, {})
-    ] });
-  } }) });
-};
-
-export {
-  toast,
-  Toaster
-};