@saas-ui/react 3.0.0-next.2 → 3.0.0-next.3

package/dist/chunk-27OMFCPD.js

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

package/dist/chunk-2YXHXL6J.js

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

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-3E6URZ5P.js

@@ -0,0 +1,23 @@
+'use client'
+
+// src/components/switch/switch.tsx
+import { forwardRef } from "react";
+import { Switch as ChakraSwitch } from "@chakra-ui/react/switch";
+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?.off, children: thumbLabel?.on }) }),
+        trackLabel && /* @__PURE__ */ jsx(ChakraSwitch.Indicator, { fallback: trackLabel.off, children: trackLabel.on })
+      ] }),
+      children != null && /* @__PURE__ */ jsx(ChakraSwitch.Label, { children })
+    ] });
+  }
+);
+
+export {
+  Switch
+};

package/dist/chunk-3RHNNKPC.js

@@ -0,0 +1,51 @@
+'use client'
+import {
+  __export
+} from "./chunk-RTMS5TJN.js";
+
+// src/components/stat/stat.tsx
+var stat_exports = {};
+__export(stat_exports, {
+  DownTrend: () => StatDownTrend,
+  HelpText: () => HelpText,
+  Label: () => Label,
+  Root: () => Root,
+  UpTrend: () => StatUpTrend,
+  ValueText: () => StatValueText,
+  ValueUnit: () => ValueUnit
+});
+import * as React from "react";
+import { Badge } from "@chakra-ui/react/badge";
+import { FormatNumber } from "@chakra-ui/react/format";
+import { Stat as ChakraStat } from "@chakra-ui/react/stat";
+import { jsx, jsxs } from "react/jsx-runtime";
+var StatValueText = React.forwardRef(
+  function StatValueText2(props, ref) {
+    const { value, formatOptions, children, ...rest } = props;
+    return /* @__PURE__ */ jsx(ChakraStat.ValueText, { ...rest, ref, children: children || value != null && /* @__PURE__ */ jsx(FormatNumber, { value, ...formatOptions }) });
+  }
+);
+var StatUpTrend = React.forwardRef(
+  function StatUpTrend2(props, ref) {
+    return /* @__PURE__ */ jsxs(Badge, { colorPalette: "green", gap: "0", ...props, ref, children: [
+      /* @__PURE__ */ jsx(ChakraStat.UpIndicator, {}),
+      props.children
+    ] });
+  }
+);
+var StatDownTrend = React.forwardRef(
+  function StatDownTrend2(props, ref) {
+    return /* @__PURE__ */ jsxs(Badge, { colorPalette: "red", gap: "0", ...props, ref, children: [
+      /* @__PURE__ */ jsx(ChakraStat.DownIndicator, {}),
+      props.children
+    ] });
+  }
+);
+var Root = ChakraStat.Root;
+var Label = ChakraStat.Label;
+var HelpText = ChakraStat.HelpText;
+var ValueUnit = ChakraStat.ValueUnit;
+
+export {
+  stat_exports
+};

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-4H66FBQW.js

@@ -0,0 +1,46 @@
+'use client'
+import {
+  CloseButton
+} from "./chunk-WZUKOJGI.js";
+
+// src/components/alert/alert.tsx
+import { forwardRef } from "react";
+import { Alert as AlertPrimitive } from "@chakra-ui/react/alert";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Alert = forwardRef(
+  function Alert2(props, ref) {
+    const {
+      title,
+      children,
+      icon,
+      closable,
+      onClose,
+      startElement,
+      endElement,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ jsxs(AlertPrimitive.Root, { ref, ...rest, children: [
+      startElement || /* @__PURE__ */ jsx(AlertPrimitive.Indicator, { children: icon }),
+      children ? /* @__PURE__ */ jsxs(AlertPrimitive.Content, { children: [
+        /* @__PURE__ */ jsx(AlertPrimitive.Title, { children: title }),
+        /* @__PURE__ */ jsx(AlertPrimitive.Description, { children })
+      ] }) : /* @__PURE__ */ jsx(AlertPrimitive.Title, { flex: "1", children: title }),
+      endElement,
+      closable && /* @__PURE__ */ jsx(
+        CloseButton,
+        {
+          size: "sm",
+          pos: "relative",
+          top: "-2",
+          insetEnd: "-2",
+          alignSelf: "flex-start",
+          onClick: onClose
+        }
+      )
+    ] });
+  }
+);
+
+export {
+  Alert
+};

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-52XM5VXJ.js

@@ -0,0 +1,9 @@
+'use client'
+
+// src/components/data-list/index.ts
+import { DataList, useDataListStyles } from "@chakra-ui/react/data-list";
+
+export {
+  DataList,
+  useDataListStyles
+};

package/dist/chunk-5HVAMQYO.js

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

package/dist/chunk-5OUNZEYB.js

@@ -0,0 +1,22 @@
+'use client'
+import {
+  ChevronDownIcon
+} from "./chunk-OME35FUG.js";
+
+// src/components/native-select/native-select.tsx
+import * as React from "react";
+import { NativeSelect as Select } from "@chakra-ui/react/native-select";
+import { jsx, jsxs } from "react/jsx-runtime";
+var NativeSelect = React.forwardRef(
+  function NativeSelect2(props, ref) {
+    const { icon = /* @__PURE__ */ jsx(ChevronDownIcon, {}), placeholder, children, ...rest } = props;
+    return /* @__PURE__ */ jsx(Select.Root, { ref, ...rest, children: /* @__PURE__ */ jsxs(Select.Field, { placeholder, children: [
+      children,
+      /* @__PURE__ */ jsx(Select.Indicator, { children: icon })
+    ] }) });
+  }
+);
+
+export {
+  NativeSelect
+};

package/dist/chunk-5RWFHB7W.js

@@ -0,0 +1,67 @@
+'use client'
+import {
+  Spinner
+} from "./chunk-MK3OG2I4.js";
+import {
+  CloseButton
+} from "./chunk-WZUKOJGI.js";
+
+// src/components/toaster/toaster.tsx
+import { useCallback, useMemo, useState } from "react";
+import { Portal } from "@chakra-ui/react/portal";
+import { Stack } from "@chakra-ui/react/stack";
+import {
+  Toaster as ChakraToaster,
+  Toast,
+  createToaster
+} from "@chakra-ui/react/toast";
+import { jsx, jsxs } from "react/jsx-runtime";
+var defaultOptions = {
+  placement: "bottom-end",
+  pauseOnPageIdle: true
+};
+var toast = createToaster(defaultOptions);
+var Toaster = (props) => {
+  const { closable: defaultClosable = true, ...options } = props || {};
+  const toaster = useMemo(() => {
+    toast = createToaster({
+      ...defaultOptions,
+      ...options
+    });
+    return toast;
+  }, [options]);
+  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(ChakraToaster, { toaster, insetInline: { mdDown: "4" }, children: (toast2) => {
+    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: [
+        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 })
+      ] }),
+      closable !== false && /* @__PURE__ */ jsx(Toast.CloseTrigger, { children: /* @__PURE__ */ jsx(CloseButton, { size: "xs" }) })
+    ] });
+  } }) });
+};
+function ToastRoot(props) {
+  const [rect, setRect] = useState();
+  const rectCallbackRef = useCallback((el) => {
+    setRect(el?.getBoundingClientRect());
+  }, []);
+  return /* @__PURE__ */ jsx(
+    Toast.Root,
+    {
+      ref: rectCallbackRef,
+      width: { md: "sm" },
+      css: {
+        "--toast-height": `${rect?.height}px`
+      },
+      children: props.children
+    }
+  );
+}
+
+export {
+  toast,
+  Toaster
+};

package/dist/chunk-5YNHX4C7.js

@@ -0,0 +1,16 @@
+'use client'
+
+// src/components/tabs/index.ts
+import {
+  Tabs,
+  useTabsContext,
+  useTabsStyles,
+  useTabs
+} from "@chakra-ui/react/tabs";
+
+export {
+  Tabs,
+  useTabsContext,
+  useTabsStyles,
+  useTabs
+};

package/dist/chunk-5ZKEXMBN.js

@@ -0,0 +1,36 @@
+'use client'
+import {
+  Kbd
+} from "./chunk-OQU4LWZW.js";
+
+// src/components/command/command.tsx
+import {
+  createRecipeContext
+} from "@chakra-ui/react/styled-system";
+import { Fragment, jsx } from "react/jsx-runtime";
+var { withContext } = createRecipeContext({
+  key: "suiCommand"
+});
+var Command = (props) => {
+  const { children, modifiers, ...rest } = props;
+  if (typeof children !== "string") {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  const keys = children.split(/\s|\+/);
+  return /* @__PURE__ */ jsx(StyledCommand, { ...rest, children: keys.map((key) => /* @__PURE__ */ jsx(Key, { modifiers, size: props.size, children: key }, key)) });
+};
+var StyledCommand = withContext("span");
+var Key = (props) => {
+  const { modifiers = ["then", "or", "+"], children, ...rest } = props;
+  if (typeof children !== "string") {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  if (modifiers.includes(children)) {
+    return /* @__PURE__ */ jsx("span", { children });
+  }
+  return /* @__PURE__ */ jsx(Kbd, { ...rest, children });
+};
+
+export {
+  Command
+};

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-6YZ76Q2W.js

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

package/dist/chunk-7DF4NQNZ.js

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

package/dist/chunk-7HAGRXKM.js

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

package/dist/chunk-7MCVXFWM.js

@@ -0,0 +1,33 @@
+'use client'
+
+// src/components/tooltip/tooltip.tsx
+import { forwardRef } from "react";
+import { Portal } from "@chakra-ui/react/portal";
+import { Tooltip as ChakraTooltip } from "@chakra-ui/react/tooltip";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Tooltip = forwardRef(
+  function Tooltip2(props, ref) {
+    const {
+      showArrow,
+      children,
+      disabled,
+      portalled,
+      content,
+      contentProps,
+      portalRef,
+      ...rest
+    } = props;
+    if (disabled) return children;
+    return /* @__PURE__ */ jsxs(ChakraTooltip.Root, { ...rest, children: [
+      /* @__PURE__ */ jsx(ChakraTooltip.Trigger, { asChild: true, children }),
+      /* @__PURE__ */ jsx(Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsx(ChakraTooltip.Positioner, { children: /* @__PURE__ */ jsxs(ChakraTooltip.Content, { ref, ...contentProps, children: [
+        showArrow && /* @__PURE__ */ jsx(ChakraTooltip.Arrow, { children: /* @__PURE__ */ jsx(ChakraTooltip.ArrowTip, {}) }),
+        content
+      ] }) }) })
+    ] });
+  }
+);
+
+export {
+  Tooltip
+};

package/dist/chunk-7PWVK3NL.js

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

package/dist/chunk-AHG5XKEK.js

@@ -0,0 +1,24 @@
+'use client'
+import {
+  ToggleTip
+} from "./chunk-JL4MHGRE.js";
+import {
+  IconButton
+} from "./chunk-OJZPPAT6.js";
+import {
+  InfoIcon
+} from "./chunk-OME35FUG.js";
+
+// src/components/info-tip/info-tip.tsx
+import * as React from "react";
+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 ?? /* @__PURE__ */ jsx(InfoIcon, {}) }) });
+  }
+);
+
+export {
+  InfoTip
+};

package/dist/chunk-BDS3APRG.js

@@ -0,0 +1,56 @@
+'use client'
+import {
+  Spinner
+} from "./chunk-MK3OG2I4.js";
+import {
+  __export
+} from "./chunk-RTMS5TJN.js";
+
+// src/components/loading-overlay/loading-overlay.tsx
+var loading_overlay_exports = {};
+__export(loading_overlay_exports, {
+  Root: () => LoadingOverlayRoot,
+  Spinner: () => LoadingOverlaySpinner,
+  Text: () => LoadingOverlayText
+});
+import { forwardRef } from "react";
+import {
+  Presence,
+  splitPresenceProps
+} from "@ark-ui/react/presence";
+import { chakra } from "@chakra-ui/react";
+
+// src/components/loading-overlay/loading-overlay.context.ts
+import { createSlotRecipeContext } from "@chakra-ui/react";
+var {
+  useStyles: useLoadingOverlayStyles,
+  withContext,
+  withProvider
+} = createSlotRecipeContext({
+  key: "suiLoadingOverlay"
+});
+
+// src/components/loading-overlay/loading-overlay.tsx
+import { jsx } from "react/jsx-runtime";
+var LoadingOverlay = forwardRef(
+  (props, ref) => {
+    const { children, loading = true, ...rest } = props;
+    const [presenceProps, rootProps] = splitPresenceProps(rest);
+    return /* @__PURE__ */ jsx(Presence, { present: loading, ...presenceProps, asChild: true, children: /* @__PURE__ */ jsx(chakra.div, { ref, ...rootProps, children }) });
+  }
+);
+var LoadingOverlayRoot = withProvider(
+  LoadingOverlay,
+  "root"
+);
+LoadingOverlayRoot.displayName = "LoadingOverlay";
+var LoadingOverlaySpinner = Spinner;
+var LoadingOverlayText = withContext(
+  "p",
+  "text"
+);
+
+export {
+  useLoadingOverlayStyles,
+  loading_overlay_exports
+};

package/dist/chunk-BLSGOJQ7.js

@@ -0,0 +1,18 @@
+'use client'
+
+// src/components/input/index.ts
+import {
+  Input,
+  InputAddon,
+  InputElement,
+  InputPropsProvider,
+  InputGroup
+} from "@chakra-ui/react/input";
+
+export {
+  Input,
+  InputAddon,
+  InputElement,
+  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-BVISYY3B.js

@@ -0,0 +1,101 @@
+'use client'
+import {
+  CloseButton
+} from "./chunk-WZUKOJGI.js";
+import {
+  __export
+} from "./chunk-RTMS5TJN.js";
+
+// src/components/select/namespace.ts
+var namespace_exports = {};
+__export(namespace_exports, {
+  Content: () => SelectContent,
+  Item: () => SelectItem,
+  ItemGroup: () => SelectItemGroup,
+  ItemText: () => SelectItemText,
+  Label: () => SelectLabel,
+  Root: () => SelectRoot,
+  Trigger: () => SelectTrigger,
+  ValueText: () => SelectValueText
+});
+
+// src/components/select/select.tsx
+import { forwardRef } from "react";
+import { Portal } from "@chakra-ui/react/portal";
+import { Select as SelectPrimitive } from "@chakra-ui/react/select";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SelectTrigger = forwardRef(
+  function SelectTrigger2(props, ref) {
+    const { children, clearable, ...rest } = props;
+    return /* @__PURE__ */ jsxs(SelectPrimitive.Control, { ...rest, children: [
+      /* @__PURE__ */ jsx(SelectPrimitive.Trigger, { ref, children }),
+      /* @__PURE__ */ jsxs(SelectPrimitive.IndicatorGroup, { children: [
+        clearable && /* @__PURE__ */ jsx(SelectClearTrigger, {}),
+        /* @__PURE__ */ jsx(SelectPrimitive.Indicator, {})
+      ] })
+    ] });
+  }
+);
+var SelectClearTrigger = forwardRef(function SelectClearTrigger2(props, ref) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.ClearTrigger, { asChild: true, ...props, ref, children: /* @__PURE__ */ jsx(
+    CloseButton,
+    {
+      size: "xs",
+      variant: "plain",
+      focusVisibleRing: "inside",
+      focusRingWidth: "2px",
+      pointerEvents: "auto"
+    }
+  ) });
+});
+var SelectContent = forwardRef(
+  function SelectContent2(props, ref) {
+    const { portalled = true, portalRef, ...rest } = props;
+    return /* @__PURE__ */ jsx(Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsx(SelectPrimitive.Positioner, { children: /* @__PURE__ */ jsx(SelectPrimitive.Content, { ...rest, ref }) }) });
+  }
+);
+var SelectItem = forwardRef(
+  function SelectItem2(props, ref) {
+    const { item, children, ...rest } = props;
+    return /* @__PURE__ */ jsxs(SelectPrimitive.Item, { item, ...rest, ref, children: [
+      children,
+      /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, {})
+    ] }, item.value);
+  }
+);
+var SelectValueText = forwardRef(function SelectValueText2(props, ref) {
+  const { children, ...rest } = props;
+  return /* @__PURE__ */ jsx(SelectPrimitive.ValueText, { ...rest, ref, children: /* @__PURE__ */ jsx(SelectPrimitive.Context, { children: (select) => {
+    const items = select.selectedItems;
+    if (items.length === 0) return props.placeholder;
+    if (children) return children(items);
+    if (items.length === 1)
+      return select.collection.stringifyItem(items[0]);
+    return `${items.length} selected`;
+  } }) });
+});
+var SelectRoot = forwardRef(function SelectRoot2(props, ref) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.Root,
+    {
+      ...props,
+      ref,
+      positioning: { sameWidth: true, ...props.positioning }
+    }
+  );
+});
+var SelectItemGroup = forwardRef(
+  function SelectItemGroup2(props, ref) {
+    const { children, label, ...rest } = props;
+    return /* @__PURE__ */ jsxs(SelectPrimitive.ItemGroup, { ...rest, ref, children: [
+      /* @__PURE__ */ jsx(SelectPrimitive.ItemGroupLabel, { children: label }),
+      children
+    ] });
+  }
+);
+var SelectLabel = SelectPrimitive.Label;
+var SelectItemText = SelectPrimitive.ItemText;
+
+export {
+  namespace_exports
+};

package/dist/chunk-C5KFNMWU.js

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

package/dist/chunk-CBX6MYVA.js

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

package/dist/chunk-CQD32UVJ.js

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