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

package/dist/chunk-2NWOJCSX.js

@@ -0,0 +1,14 @@
+'use client'
+
+// src/components/grid/index.ts
+import {
+  Grid,
+  GridItem,
+  SimpleGrid
+} from "@chakra-ui/react/grid";
+
+export {
+  Grid,
+  GridItem,
+  SimpleGrid
+};

package/dist/{chunk-3DGRWH7C.js → chunk-2UMNJBGS.js}

@@ -1,7 +1,7 @@
 'use client'
 import {
   CloseButton
-} from "./chunk-H7KPEI6P.js";
+} from "./chunk-U2CWQDXE.js";
 import {
   __export
 } from "./chunk-RTMS5TJN.js";

package/dist/chunk-3CKGT42F.js

@@ -0,0 +1,10 @@
+'use client'
+
+// src/components/group/index.ts
+import {
+  Group
+} from "@chakra-ui/react/group";
+
+export {
+  Group
+};

package/dist/{chunk-HTVSG47E.js → chunk-3E6URZ5P.js}

@@ -10,7 +10,7 @@ var Switch = forwardRef(
     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 }) }),
+        /* @__PURE__ */ jsx(ChakraSwitch.Thumb, { children: thumbLabel && /* @__PURE__ */ jsx(ChakraSwitch.ThumbIndicator, { fallback: thumbLabel?.off, children: thumbLabel?.on }) }),
         trackLabel && /* @__PURE__ */ jsx(ChakraSwitch.Indicator, { fallback: trackLabel.off, children: trackLabel.on })
       ] }),
       children != null && /* @__PURE__ */ jsx(ChakraSwitch.Label, { children })

package/dist/{chunk-HTQRA26F.js → chunk-3EWOE56X.js}

@@ -1,7 +1,7 @@
 'use client'
 import {
   CloseButton
-} from "./chunk-H7KPEI6P.js";
+} from "./chunk-U2CWQDXE.js";
 
 // src/components/alert/alert.tsx
 import { forwardRef } from "react";

package/dist/chunk-46OCNELO.js

@@ -0,0 +1,10 @@
+'use client'
+
+// src/components/center/index.ts
+import {
+  Center
+} from "@chakra-ui/react/center";
+
+export {
+  Center
+};

package/dist/chunk-4N4SHDPB.js

@@ -0,0 +1,10 @@
+'use client'
+
+// src/components/client-only/index.ts
+import {
+  ClientOnly
+} from "@chakra-ui/react/client-only";
+
+export {
+  ClientOnly
+};

package/dist/chunk-6WZK2RBQ.js

@@ -0,0 +1,12 @@
+'use client'
+
+// src/components/format/index.ts
+import {
+  FormatByte,
+  FormatNumber
+} from "@chakra-ui/react/format";
+
+export {
+  FormatByte,
+  FormatNumber
+};

package/dist/{chunk-TWTXZ7PR.js → chunk-6XSCENTR.js}

@@ -9,7 +9,7 @@ import {
   ChevronLeftIcon,
   ChevronRightIcon,
   EllipsisIcon
-} from "./chunk-4XB7B73X.js";
+} from "./chunk-XRQQE2AC.js";
 import {
   __export
 } from "./chunk-RTMS5TJN.js";
@@ -51,9 +51,8 @@ var Root = forwardRef(
   }
 );
 var Ellipsis = forwardRef(function PaginationEllipsis(props, ref) {
-  var _a;
   const { size, variantMap: variantMap2 } = useRootProps();
-  return /* @__PURE__ */ jsx(ChakraPagination.Ellipsis, { ref, ...props, asChild: true, children: /* @__PURE__ */ jsx(Button, { as: "span", variant: variantMap2.ellipsis, size, children: (_a = props.children) != null ? _a : /* @__PURE__ */ jsx(EllipsisIcon, {}) }) });
+  return /* @__PURE__ */ jsx(ChakraPagination.Ellipsis, { ref, ...props, asChild: true, children: /* @__PURE__ */ jsx(Button, { as: "span", variant: variantMap2.ellipsis, size, children: props.children ?? /* @__PURE__ */ jsx(EllipsisIcon, {}) }) });
 });
 var Item = forwardRef(
   function PaginationItem(props, ref) {
@@ -65,14 +64,12 @@ var Item = forwardRef(
   }
 );
 var PrevButton = forwardRef(function PaginationPrevTrigger(props, ref) {
-  var _a;
   const { size, variantMap: variantMap2 } = useRootProps();
-  return /* @__PURE__ */ jsx(ChakraPagination.PrevTrigger, { ref, asChild: true, ...props, children: /* @__PURE__ */ jsx(IconButton, { variant: variantMap2.default, size, children: (_a = props.children) != null ? _a : /* @__PURE__ */ jsx(ChevronLeftIcon, {}) }) });
+  return /* @__PURE__ */ jsx(ChakraPagination.PrevTrigger, { ref, asChild: true, ...props, children: /* @__PURE__ */ jsx(IconButton, { variant: variantMap2.default, size, children: props.children ?? /* @__PURE__ */ jsx(ChevronLeftIcon, {}) }) });
 });
 var NextButton = forwardRef(function PaginationNextTrigger(props, ref) {
-  var _a;
   const { size, variantMap: variantMap2 } = useRootProps();
-  return /* @__PURE__ */ jsx(ChakraPagination.NextTrigger, { ref, asChild: true, ...props, children: /* @__PURE__ */ jsx(IconButton, { variant: variantMap2.default, size, children: (_a = props.children) != null ? _a : /* @__PURE__ */ jsx(ChevronRightIcon, {}) }) });
+  return /* @__PURE__ */ jsx(ChakraPagination.NextTrigger, { ref, asChild: true, ...props, children: /* @__PURE__ */ jsx(IconButton, { variant: variantMap2.default, size, children: props.children ?? /* @__PURE__ */ jsx(ChevronRightIcon, {}) }) });
 });
 var Items = (props) => {
   return /* @__PURE__ */ jsx(ChakraPagination.Context, { children: ({ pages }) => pages.map((page, index) => {

package/dist/chunk-AA5L5WPD.js

@@ -0,0 +1,9 @@
+'use client'
+
+// src/components/box/index.ts
+import { Box, Span } from "@chakra-ui/react/box";
+
+export {
+  Box,
+  Span
+};

package/dist/{chunk-5MTFSSOH.js → chunk-BLSGOJQ7.js}

@@ -5,12 +5,14 @@ import {
   Input,
   InputAddon,
   InputElement,
-  InputPropsProvider
+  InputPropsProvider,
+  InputGroup
 } from "@chakra-ui/react/input";
 
 export {
   Input,
   InputAddon,
   InputElement,
-  InputPropsProvider
+  InputPropsProvider,
+  InputGroup
 };

package/dist/chunk-BSE7ZUP5.js

@@ -0,0 +1,10 @@
+'use client'
+
+// src/components/aspect-ratio/index.ts
+import {
+  AspectRatio
+} from "@chakra-ui/react/aspect-ratio";
+
+export {
+  AspectRatio
+};

package/dist/{chunk-4IZGJDYL.js → chunk-C5YLE76Q.js}

@@ -2,7 +2,7 @@
 import {
   CloseIcon,
   SearchIcon
-} from "./chunk-4XB7B73X.js";
+} from "./chunk-XRQQE2AC.js";
 
 // src/components/search-input/search-input.tsx
 import React, { forwardRef } from "react";
@@ -55,10 +55,9 @@ var SearchInput = forwardRef(
       [onResetProp, setValue]
     );
     const onReset = () => {
-      var _a;
       setValue("");
-      onResetProp == null ? void 0 : onResetProp();
-      (_a = inputRef.current) == null ? void 0 : _a.focus();
+      onResetProp?.();
+      inputRef.current?.focus();
     };
     const showReset = value && !props.disabled;
     const endElement = showReset ? /* @__PURE__ */ jsx(SearchInputResetButton, { size, children: resetIcon }) : endElementProp;

package/dist/{chunk-UNF77J24.js → chunk-DEP2DH7P.js}

@@ -5,7 +5,7 @@ import {
 import {
   CheckIcon,
   ChevronRightIcon
-} from "./chunk-4XB7B73X.js";
+} from "./chunk-XRQQE2AC.js";
 import {
   __export
 } from "./chunk-RTMS5TJN.js";

package/dist/{chunk-Q6SNJJO2.js → chunk-DJNPK2LM.js}

@@ -1,7 +1,7 @@
 'use client'
 import {
   useLink
-} from "./chunk-O2WVT2BP.js";
+} from "./chunk-ZULBHMWG.js";
 import {
   __export
 } from "./chunk-RTMS5TJN.js";
@@ -42,10 +42,7 @@ var NavbarContent = withContext(
   Navbar.Content,
   "content"
 );
-var NavbarItem = withContext(
-  Navbar.Item,
-  "item"
-);
+var NavbarItem = withContext(Navbar.Item, "item");
 var NavbarLink = withContext(
   forwardRef((props, ref) => {
     const Link = useLink();

package/dist/chunk-EWATHRZA.js

@@ -0,0 +1,8 @@
+'use client'
+
+// src/components/focus-trap/index.ts
+import { FocusTrap } from "@chakra-ui/react/focus-trap";
+
+export {
+  FocusTrap
+};

package/dist/{chunk-JPY2QZLC.js → chunk-FVUEAELO.js}

@@ -1,7 +1,7 @@
 'use client'
 import {
   CloseButton
-} from "./chunk-H7KPEI6P.js";
+} from "./chunk-U2CWQDXE.js";
 import {
   __export
 } from "./chunk-RTMS5TJN.js";
@@ -14,6 +14,7 @@ __export(popover_exports, {
   CloseButton: () => CloseButton2,
   CloseTrigger: () => CloseTrigger,
   Content: () => Content,
+  Context: () => Context,
   Description: () => Description,
   Footer: () => Footer,
   Header: () => Header,
@@ -21,22 +22,20 @@ __export(popover_exports, {
   Title: () => Title,
   Trigger: () => Trigger
 });
-import * as React from "react";
+import { forwardRef } from "react";
 import { Popover as ChakraPopover } from "@chakra-ui/react/popover";
-import { Portal } from "@chakra-ui/react/portal";
 import { jsx } from "react/jsx-runtime";
-var Content = React.forwardRef(
+var Content = forwardRef(
   function PopoverContent(props, ref) {
-    const { portalled = true, portalRef, ...rest } = props;
-    return /* @__PURE__ */ jsx(Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsx(ChakraPopover.Positioner, { children: /* @__PURE__ */ jsx(ChakraPopover.Content, { ref, ...rest }) }) });
+    return /* @__PURE__ */ jsx(ChakraPopover.Positioner, { children: /* @__PURE__ */ jsx(ChakraPopover.Content, { ref, ...props }) });
   }
 );
-var Arrow = React.forwardRef(
+var Arrow = forwardRef(
   function PopoverArrow(props, ref) {
     return /* @__PURE__ */ jsx(ChakraPopover.Arrow, { ...props, ref, children: /* @__PURE__ */ jsx(ChakraPopover.ArrowTip, {}) });
   }
 );
-var CloseButton2 = React.forwardRef(function PopoverCloseTrigger(props, ref) {
+var CloseButton2 = forwardRef(function PopoverCloseTrigger(props, ref) {
   return /* @__PURE__ */ jsx(
     ChakraPopover.CloseTrigger,
     {
@@ -58,6 +57,7 @@ var Header = ChakraPopover.Header;
 var Root = ChakraPopover.Root;
 var Body = ChakraPopover.Body;
 var Trigger = ChakraPopover.Trigger;
+var Context = ChakraPopover.Context;
 
 export {
   popover_exports

package/dist/{chunk-3EV6MKBG.js → chunk-GBAK2P5L.js}

@@ -1,7 +1,7 @@
 'use client'
 import {
   Input
-} from "./chunk-5MTFSSOH.js";
+} from "./chunk-BLSGOJQ7.js";
 import {
   IconButton
 } from "./chunk-OJZPPAT6.js";
@@ -11,7 +11,7 @@ import {
 import {
   CheckIcon,
   CopyIcon
-} from "./chunk-4XB7B73X.js";
+} from "./chunk-XRQQE2AC.js";
 import {
   __export
 } from "./chunk-RTMS5TJN.js";
@@ -55,6 +55,10 @@ var ClipboardInput = React.forwardRef(
 var ClipboardRoot = ChakraClipboard.Root;
 var ClipboardLabel = ChakraClipboard.Label;
 
+// src/components/clipboard/index.ts
+import { useClipboard } from "@chakra-ui/react/clipboard";
+
 export {
-  clipboard_exports
+  clipboard_exports,
+  useClipboard
 };

package/dist/chunk-GDDJYUWM.js

@@ -0,0 +1,12 @@
+'use client'
+
+// src/components/skip-nav/index.ts
+import {
+  SkipNavContent,
+  SkipNavLink
+} from "@chakra-ui/react/skip-nav";
+
+export {
+  SkipNavContent,
+  SkipNavLink
+};

package/dist/{chunk-YLZEO3RK.js → chunk-GQYL3VVZ.js}

@@ -1,13 +1,13 @@
 'use client'
 import {
   ToggleTip
-} from "./chunk-XW747T2R.js";
+} from "./chunk-QITSWCWX.js";
 import {
   IconButton
 } from "./chunk-OJZPPAT6.js";
 import {
   InfoIcon
-} from "./chunk-4XB7B73X.js";
+} from "./chunk-XRQQE2AC.js";
 
 // src/components/info-tip/info-tip.tsx
 import * as React from "react";
@@ -15,7 +15,7 @@ import { jsx } from "react/jsx-runtime";
 var InfoTip = React.forwardRef(
   function InfoTip2(props, ref) {
     const { children, icon, "aria-label": ariaLabel = "Info", ...rest } = props;
-    return /* @__PURE__ */ jsx(ToggleTip, { content: children, ...rest, ref, children: /* @__PURE__ */ jsx(IconButton, { variant: "ghost", "aria-label": ariaLabel, size: "2xs", children: icon != null ? icon : /* @__PURE__ */ jsx(InfoIcon, {}) }) });
+    return /* @__PURE__ */ jsx(ToggleTip, { content: children, ...rest, ref, children: /* @__PURE__ */ jsx(IconButton, { variant: "ghost", "aria-label": ariaLabel, size: "2xs", children: icon ?? /* @__PURE__ */ jsx(InfoIcon, {}) }) });
   }
 );
 

package/dist/{chunk-77QJSEEA.js → chunk-GXOQVOKP.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-MK3OG2I4.js";
 import {
   CloseButton
-} from "./chunk-H7KPEI6P.js";
+} from "./chunk-U2CWQDXE.js";
 
 // src/components/toaster/toaster.tsx
 import { useCallback, useMemo, useState } from "react";
@@ -31,8 +31,7 @@ var Toaster = (props) => {
     return toast;
   }, [options]);
   return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(ChakraToaster, { toaster, insetInline: { mdDown: "4" }, children: (toast2) => {
-    var _a;
-    const closable = ((_a = toast2.meta) == null ? void 0 : _a.closable) === false ? false : defaultClosable && toast2.type !== "loading";
+    const closable = toast2.meta?.closable === false ? false : defaultClosable && toast2.type !== "loading";
     return /* @__PURE__ */ jsxs(ToastRoot, { children: [
       toast2.type === "loading" ? /* @__PURE__ */ jsx(Spinner, { size: "sm", color: "colorPalette.solid", mt: "0.5" }) : /* @__PURE__ */ jsx(Toast.Indicator, {}),
       /* @__PURE__ */ jsxs(Stack, { gap: "1", flex: "1", maxWidth: "100%", children: [
@@ -47,7 +46,7 @@ var Toaster = (props) => {
 function ToastRoot(props) {
   const [rect, setRect] = useState();
   const rectCallbackRef = useCallback((el) => {
-    setRect(el == null ? void 0 : el.getBoundingClientRect());
+    setRect(el?.getBoundingClientRect());
   }, []);
   return /* @__PURE__ */ jsx(
     Toast.Root,
@@ -55,7 +54,7 @@ function ToastRoot(props) {
       ref: rectCallbackRef,
       width: { md: "sm" },
       css: {
-        "--toast-height": `${rect == null ? void 0 : rect.height}px`
+        "--toast-height": `${rect?.height}px`
       },
       children: props.children
     }

package/dist/{chunk-Z37BQ5VU.js → chunk-HHKMVSL4.js}

@@ -1,7 +1,7 @@
 'use client'
 import {
   CloseButton
-} from "./chunk-H7KPEI6P.js";
+} from "./chunk-U2CWQDXE.js";
 import {
   __export
 } from "./chunk-RTMS5TJN.js";

package/dist/chunk-HHTTORZ6.js

@@ -0,0 +1,8 @@
+'use client'
+
+// src/components/visually-hidden/index.ts
+import { VisuallyHidden } from "@chakra-ui/react/visually-hidden";
+
+export {
+  VisuallyHidden
+};

package/dist/{chunk-GD2247J4.js → chunk-HREBIPVW.js}

@@ -6,21 +6,20 @@ import { Slider as ChakraSlider } from "@chakra-ui/react/slider";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Slider = 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) => {
+    const value = props.defaultValue ?? props.value;
+    const marks = 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));
+    const hasMarkLabel = !!marks?.some((mark) => mark.label);
     return /* @__PURE__ */ jsxs(ChakraSlider.Root, { ref, thumbAlignment: "center", ...rest, children: [
       label && /* @__PURE__ */ jsx(ChakraSlider.Label, { fontWeight: "medium", children: label }),
       /* @__PURE__ */ jsxs(ChakraSlider.Control, { mb: hasMarkLabel ? "4" : void 0, children: [
         /* @__PURE__ */ jsx(ChakraSlider.Track, { children: /* @__PURE__ */ jsx(ChakraSlider.Range, {}) }),
-        value == null ? void 0 : value.map((_, index) => /* @__PURE__ */ jsx(ChakraSlider.Thumb, { index, children: /* @__PURE__ */ jsx(ChakraSlider.HiddenInput, {}) }, index))
+        value?.map((_, index) => /* @__PURE__ */ jsx(ChakraSlider.Thumb, { index, children: /* @__PURE__ */ jsx(ChakraSlider.HiddenInput, {}) }, index))
       ] }),
-      (marks == null ? void 0 : marks.length) && /* @__PURE__ */ jsx(ChakraSlider.MarkerGroup, { children: marks.map((mark, index) => {
+      marks?.length && /* @__PURE__ */ jsx(ChakraSlider.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__ */ jsxs(ChakraSlider.Marker, { value: value2, children: [

package/dist/{chunk-EYOHLXWQ.js → chunk-HXNGSQQG.js}

@@ -1,7 +1,7 @@
 'use client'
 import {
   CloseButton
-} from "./chunk-H7KPEI6P.js";
+} from "./chunk-U2CWQDXE.js";
 import {
   __export
 } from "./chunk-RTMS5TJN.js";
@@ -17,7 +17,6 @@ __export(dialog_exports, {
   Content: () => Content,
   Context: () => Context,
   Description: () => Description,
-  DialogContext: () => DialogContext,
   Footer: () => Footer,
   Header: () => Header,
   Root: () => Root,
@@ -27,7 +26,6 @@ __export(dialog_exports, {
 import { forwardRef } from "react";
 import { Dialog as ChakraDialog } from "@chakra-ui/react/dialog";
 import { Portal } from "@chakra-ui/react/portal";
-import { DialogContext } from "@ark-ui/react/dialog";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Content = forwardRef(
   function DialogContent(props, ref) {

package/dist/chunk-J5UCKCIO.js

@@ -0,0 +1,16 @@
+'use client'
+
+// src/components/typography/index.ts
+import {
+  Em,
+  Heading,
+  Strong,
+  Text
+} from "@chakra-ui/react/typography";
+
+export {
+  Em,
+  Heading,
+  Strong,
+  Text
+};

package/dist/chunk-JQVOMAD5.js

@@ -0,0 +1,10 @@
+'use client'
+
+// src/components/flex/index.ts
+import {
+  Flex
+} from "@chakra-ui/react/flex";
+
+export {
+  Flex
+};

package/dist/chunk-JR5RLXCK.js

@@ -0,0 +1,8 @@
+'use client'
+
+// src/components/color-picker/index.ts
+import { ColorPicker } from "@chakra-ui/react/color-picker";
+
+export {
+  ColorPicker
+};

package/dist/chunk-KHCQMSP7.js

@@ -0,0 +1,36 @@
+'use client'
+import {
+  Link
+} from "./chunk-LIOV5MU4.js";
+import {
+  ArrowLeftIcon
+} from "./chunk-XRQQE2AC.js";
+
+// src/components/back-button/back-button.tsx
+import { forwardRef } from "react";
+import { IconButton } from "@chakra-ui/react";
+import { jsx } from "react/jsx-runtime";
+var BackButton = forwardRef(
+  (props, ref) => {
+    const { href, variant = "ghost", mr = 2, children, ...rest } = props;
+    let content = children || /* @__PURE__ */ jsx(ArrowLeftIcon, {});
+    if (href) {
+      content = /* @__PURE__ */ jsx(Link, { href, children: content });
+    }
+    return /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        ref,
+        "aria-label": "Go back",
+        variant,
+        mr,
+        ...rest,
+        children: content
+      }
+    );
+  }
+);
+
+export {
+  BackButton
+};

package/dist/chunk-LFOA3DZO.js

@@ -0,0 +1,12 @@
+'use client'
+
+// src/components/env/index.ts
+import {
+  EnvironmentProvider,
+  useEnvironmentContext
+} from "@chakra-ui/react/env";
+
+export {
+  EnvironmentProvider,
+  useEnvironmentContext
+};

package/dist/chunk-LGLJ2QUW.js

@@ -0,0 +1,8 @@
+'use client'
+
+// src/components/wrap/index.ts
+import { Wrap } from "@chakra-ui/react/wrap";
+
+export {
+  Wrap
+};

package/dist/{chunk-SXFVA6CX.js → chunk-LIOV5MU4.js}

@@ -1,7 +1,7 @@
 'use client'
 import {
   useLink
-} from "./chunk-O2WVT2BP.js";
+} from "./chunk-ZULBHMWG.js";
 
 // src/components/link/link.tsx
 import React from "react";

package/dist/chunk-LU2H6GWC.js

@@ -0,0 +1,10 @@
+'use client'
+
+// src/components/show/index.ts
+import {
+  Show
+} from "@chakra-ui/react/show";
+
+export {
+  Show
+};

package/dist/chunk-NCNHDETB.js

@@ -0,0 +1,8 @@
+'use client'
+
+// src/components/radio-group/index.ts
+import { RadioGroup } from "@chakra-ui/react/radio-group";
+
+export {
+  RadioGroup
+};