@saas-ui/react 3.0.0-next.15 → 3.0.0-next.17

package/dist/chunk-BDS3APRG.js

@@ -1,56 +0,0 @@
-'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

@@ -1,18 +0,0 @@
-'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

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

package/dist/chunk-C5KFNMWU.js

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

package/dist/chunk-C5YLE76Q.js

@@ -1,118 +0,0 @@
-'use client'
-import {
-  CloseIcon,
-  SearchIcon
-} from "./chunk-XRQQE2AC.js";
-
-// src/components/search-input/search-input.tsx
-import React, { forwardRef } from "react";
-import {
-  Group,
-  IconButton,
-  Input,
-  InputElement,
-  mergeRefs,
-  useControllableState
-} from "@chakra-ui/react";
-import { callAll } from "@saas-ui/core/utils";
-import { jsx, jsxs } from "react/jsx-runtime";
-var SearchInput = forwardRef(
-  (props, ref) => {
-    const {
-      placeholder = "Search",
-      value: valueProp,
-      defaultValue: defaultValueProp,
-      size,
-      variant,
-      width = "full",
-      icon = /* @__PURE__ */ jsx(SearchIcon, {}),
-      resetIcon,
-      endElement: endElementProp,
-      onChange: onChangeProp,
-      onReset: onResetProp,
-      onKeyDown: onKeyDownProp,
-      disabled,
-      ...inputProps
-    } = props;
-    const inputRef = React.useRef(null);
-    const [value, setValue] = useControllableState({
-      value: valueProp,
-      defaultValue: defaultValueProp
-    });
-    const onChange = React.useCallback(
-      (e) => {
-        setValue(e.target.value);
-      },
-      [setValue]
-    );
-    const onKeyDown = React.useCallback(
-      (event) => {
-        if (event.key === "Escape") {
-          setValue("");
-          onReset();
-        }
-      },
-      [onResetProp, setValue]
-    );
-    const onReset = () => {
-      setValue("");
-      onResetProp?.();
-      inputRef.current?.focus();
-    };
-    const showReset = value && !props.disabled;
-    const endElement = showReset ? /* @__PURE__ */ jsx(SearchInputResetButton, { size, children: resetIcon }) : endElementProp;
-    return /* @__PURE__ */ jsxs(Group, { width, children: [
-      /* @__PURE__ */ jsx(
-        InputElement,
-        {
-          placement: "start",
-          px: "0",
-          aspectRatio: "9/10",
-          fontSize: size,
-          children: icon
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          type: "text",
-          placeholder,
-          variant,
-          size,
-          value,
-          disabled,
-          ref: mergeRefs(ref, inputRef),
-          onChange: callAll(onChange, onChangeProp),
-          onKeyDown: callAll(onKeyDown, onKeyDownProp),
-          ps: "calc(var(--input-height) - var(--input-height) / 10)",
-          pe: "calc(var(--input-height) - var(--input-height) / 10)",
-          ...inputProps
-        }
-      ),
-      /* @__PURE__ */ jsx(InputElement, { placement: "end", children: endElement })
-    ] });
-  }
-);
-var SearchInputResetButton = forwardRef(
-  (props, ref) => {
-    const { children = /* @__PURE__ */ jsx(CloseIcon, {}), ...rest } = props;
-    return /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        ref,
-        variant: "ghost",
-        "aria-label": "Reset search",
-        me: "-2",
-        aspectRatio: "square",
-        height: "calc(100% - {spacing.2})",
-        ...rest,
-        children
-      }
-    );
-  }
-);
-SearchInput.displayName = "SearchInput";
-
-export {
-  SearchInput
-};

package/dist/chunk-CQD32UVJ.js

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

package/dist/chunk-CRFTMIQA.js

@@ -1,36 +0,0 @@
-'use client'
-import {
-  __export
-} from "./chunk-RTMS5TJN.js";
-
-// src/components/breadcrumb/breadcrumb.tsx
-var breadcrumb_exports = {};
-__export(breadcrumb_exports, {
-  CurrentLink: () => CurrentLink,
-  Ellipsis: () => Ellipsis,
-  Link: () => Link,
-  Root: () => Root
-});
-import { Children, Fragment, forwardRef, isValidElement } from "react";
-import { Breadcrumb } from "@chakra-ui/react/breadcrumb";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Root = forwardRef(
-  function BreadcrumbRoot(props, ref) {
-    const { separator = "/", separatorGap, children, ...rest } = props;
-    const validChildren = Children.toArray(children).filter(isValidElement);
-    return /* @__PURE__ */ jsx(Breadcrumb.Root, { ref, ...rest, children: /* @__PURE__ */ jsx(Breadcrumb.List, { gap: separatorGap, children: validChildren.map((child, index) => {
-      const last = index === validChildren.length - 1;
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Breadcrumb.Item, { children: child }),
-        !last && /* @__PURE__ */ jsx(Breadcrumb.Separator, { children: separator })
-      ] }, index);
-    }) }) });
-  }
-);
-var Link = Breadcrumb.Link;
-var CurrentLink = Breadcrumb.CurrentLink;
-var Ellipsis = Breadcrumb.Ellipsis;
-
-export {
-  breadcrumb_exports
-};

package/dist/chunk-DHFAFRZ4.js

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

package/dist/chunk-DJNPK2LM.js

@@ -1,60 +0,0 @@
-'use client'
-import {
-  useLink
-} from "./chunk-ZULBHMWG.js";
-import {
-  __export
-} from "./chunk-RTMS5TJN.js";
-
-// src/components/navbar/navbar.tsx
-var navbar_exports = {};
-__export(navbar_exports, {
-  Brand: () => NavbarBrand,
-  Content: () => NavbarContent,
-  Item: () => NavbarItem,
-  Link: () => NavbarLink,
-  Root: () => NavbarRoot
-});
-import { forwardRef } from "react";
-import { Navbar } from "@saas-ui/core/navbar";
-
-// src/components/navbar/navbar.context.ts
-import { createSlotRecipeContext } from "@chakra-ui/react";
-var {
-  withProvider,
-  withContext,
-  useStyles: useNavbarStyles
-} = createSlotRecipeContext({
-  key: "suiNavbar"
-});
-
-// src/components/navbar/navbar.tsx
-import { jsx } from "react/jsx-runtime";
-var NavbarRoot = withProvider(
-  Navbar.Root,
-  "root"
-);
-var NavbarBrand = withContext(
-  Navbar.Brand,
-  "brand"
-);
-var NavbarContent = withContext(
-  Navbar.Content,
-  "content"
-);
-var NavbarItem = withContext(Navbar.Item, "item");
-var NavbarLink = withContext(
-  forwardRef((props, ref) => {
-    const Link = useLink();
-    const { active, ...rest } = props;
-    return /* @__PURE__ */ jsx(Navbar.Link, { asChild: true, ...rest, ref, children: /* @__PURE__ */ jsx(Link, { "data-active": active ? "" : void 0, ...props }) });
-  }),
-  "link",
-  {
-    forwardAsChild: true
-  }
-);
-
-export {
-  navbar_exports
-};

package/dist/chunk-EWATHRZA.js

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

package/dist/chunk-EWCBYJA7.js

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

package/dist/chunk-FD2V4Y66.js

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

package/dist/chunk-FN7TU5F5.js

@@ -1,44 +0,0 @@
-'use client'
-
-// src/components/avatar/avatar.tsx
-import { forwardRef } from "react";
-import { Avatar as ChakraAvatar } from "@chakra-ui/react/avatar";
-import { Group } from "@chakra-ui/react/group";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var Avatar = forwardRef(
-  function Avatar2(props, ref) {
-    const { name, src, srcSet, loading, icon, fallback, children, ...rest } = props;
-    return /* @__PURE__ */ jsxs(ChakraAvatar.Root, { ref, ...rest, children: [
-      /* @__PURE__ */ jsx(AvatarFallback, { name, icon, children: fallback }),
-      /* @__PURE__ */ jsx(ChakraAvatar.Image, { src, srcSet, loading }),
-      children
-    ] });
-  }
-);
-var AvatarFallback = forwardRef(
-  function AvatarFallback2(props, ref) {
-    const { name, icon, children, ...rest } = props;
-    return /* @__PURE__ */ jsxs(ChakraAvatar.Fallback, { ref, ...rest, children: [
-      children,
-      name != null && children == null && /* @__PURE__ */ jsx(Fragment, { children: getInitials(name) }),
-      name == null && children == null && /* @__PURE__ */ jsx(ChakraAvatar.Icon, { asChild: !!icon, children: icon })
-    ] });
-  }
-);
-function getInitials(name) {
-  const names = name.trim().split(" ");
-  const firstName = names[0] != null ? names[0] : "";
-  const lastName = names.length > 1 ? names[names.length - 1] : "";
-  return firstName && lastName ? `${firstName.charAt(0)}${lastName.charAt(0)}` : firstName.charAt(0);
-}
-var AvatarGroup = forwardRef(
-  function AvatarGroup2(props, ref) {
-    const { size, variant, borderless, ...rest } = props;
-    return /* @__PURE__ */ jsx(ChakraAvatar.PropsProvider, { value: { size, variant, borderless }, children: /* @__PURE__ */ jsx(Group, { gap: "0", spaceX: "-3", ref, ...rest }) });
-  }
-);
-
-export {
-  Avatar,
-  AvatarGroup
-};

package/dist/chunk-FPRTN3I7.js

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

package/dist/chunk-FVUEAELO.js

@@ -1,64 +0,0 @@
-'use client'
-import {
-  CloseButton
-} from "./chunk-U2CWQDXE.js";
-import {
-  __export
-} from "./chunk-RTMS5TJN.js";
-
-// src/components/popover/popover.tsx
-var popover_exports = {};
-__export(popover_exports, {
-  Arrow: () => Arrow,
-  Body: () => Body,
-  CloseButton: () => CloseButton2,
-  CloseTrigger: () => CloseTrigger,
-  Content: () => Content,
-  Context: () => Context,
-  Description: () => Description,
-  Footer: () => Footer,
-  Header: () => Header,
-  Root: () => Root,
-  Title: () => Title,
-  Trigger: () => Trigger
-});
-import { forwardRef } from "react";
-import { Popover as ChakraPopover } from "@chakra-ui/react/popover";
-import { jsx } from "react/jsx-runtime";
-var Content = forwardRef(
-  function PopoverContent(props, ref) {
-    return /* @__PURE__ */ jsx(ChakraPopover.Positioner, { children: /* @__PURE__ */ jsx(ChakraPopover.Content, { ref, ...props }) });
-  }
-);
-var Arrow = forwardRef(
-  function PopoverArrow(props, ref) {
-    return /* @__PURE__ */ jsx(ChakraPopover.Arrow, { ...props, ref, children: /* @__PURE__ */ jsx(ChakraPopover.ArrowTip, {}) });
-  }
-);
-var CloseButton2 = forwardRef(function PopoverCloseTrigger(props, ref) {
-  return /* @__PURE__ */ jsx(
-    ChakraPopover.CloseTrigger,
-    {
-      position: "absolute",
-      top: "1",
-      insetEnd: "1",
-      ...props,
-      asChild: true,
-      ref,
-      children: /* @__PURE__ */ jsx(CloseButton, { size: "sm" })
-    }
-  );
-});
-var CloseTrigger = ChakraPopover.CloseTrigger;
-var Title = ChakraPopover.Title;
-var Description = ChakraPopover.Description;
-var Footer = ChakraPopover.Footer;
-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-GBAK2P5L.js

@@ -1,64 +0,0 @@
-'use client'
-import {
-  Input
-} from "./chunk-BLSGOJQ7.js";
-import {
-  IconButton
-} from "./chunk-OJZPPAT6.js";
-import {
-  Button
-} from "./chunk-5HVAMQYO.js";
-import {
-  CheckIcon,
-  CopyIcon
-} from "./chunk-XRQQE2AC.js";
-import {
-  __export
-} from "./chunk-RTMS5TJN.js";
-
-// src/components/clipboard/clipboard.tsx
-var clipboard_exports = {};
-__export(clipboard_exports, {
-  Button: () => ClipboardButton,
-  IconButton: () => ClipboardIconButton,
-  Input: () => ClipboardInput,
-  Label: () => ClipboardLabel,
-  Root: () => ClipboardRoot
-});
-import * as React from "react";
-import { Clipboard as ChakraClipboard } from "@chakra-ui/react/clipboard";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ClipboardIcon = React.forwardRef(function ClipboardIndicator(props, ref) {
-  const { children = /* @__PURE__ */ jsx(CopyIcon, {}), copied = /* @__PURE__ */ jsx(CheckIcon, {}), ...rest } = props;
-  return /* @__PURE__ */ jsx(ChakraClipboard.Indicator, { copied, ...rest, ref, children });
-});
-var ClipboardCopyText = React.forwardRef(function ClipboardCopyText2(props, ref) {
-  const { children = "Copy", copied = "Copied", ...rest } = props;
-  return /* @__PURE__ */ jsx(ChakraClipboard.Indicator, { copied, ...rest, ref, children });
-});
-var ClipboardButton = React.forwardRef(function ClipboardButton2(props, ref) {
-  const { icon, copiedIcon, copied, children, ...rest } = props;
-  return /* @__PURE__ */ jsx(ChakraClipboard.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { ref, ...rest, children: [
-    /* @__PURE__ */ jsx(ClipboardIcon, { copied: copiedIcon, children: icon }),
-    /* @__PURE__ */ jsx(ClipboardCopyText, { copied, children })
-  ] }) });
-});
-var ClipboardIconButton = React.forwardRef(function ClipboardIconButton2(props, ref) {
-  const { icon, copiedIcon, ...rest } = props;
-  return /* @__PURE__ */ jsx(ChakraClipboard.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { ref, size: "xs", ...rest, children: /* @__PURE__ */ jsx(ClipboardIcon, { copied: copiedIcon, children: icon }) }) });
-});
-var ClipboardInput = React.forwardRef(
-  function ClipboardInputElement(props, ref) {
-    return /* @__PURE__ */ jsx(ChakraClipboard.Input, { asChild: true, children: /* @__PURE__ */ jsx(Input, { ref, ...props }) });
-  }
-);
-var ClipboardRoot = ChakraClipboard.Root;
-var ClipboardLabel = ChakraClipboard.Label;
-
-// src/components/clipboard/index.ts
-import { useClipboard } from "@chakra-ui/react/clipboard";
-
-export {
-  clipboard_exports,
-  useClipboard
-};

package/dist/chunk-GDDJYUWM.js

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

package/dist/chunk-GQYL3VVZ.js

@@ -1,24 +0,0 @@
-'use client'
-import {
-  ToggleTip
-} from "./chunk-QITSWCWX.js";
-import {
-  IconButton
-} from "./chunk-OJZPPAT6.js";
-import {
-  InfoIcon
-} from "./chunk-XRQQE2AC.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-GSWLAOIM.js

@@ -1,24 +0,0 @@
-'use client'
-
-// src/components/blockquote/blockquote.tsx
-import * as React from "react";
-import { Blockquote as ChakraBlockquote } from "@chakra-ui/react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var Blockquote = React.forwardRef(
-  function Blockquote2(props, ref) {
-    const { children, cite, citeUrl, showDash, icon, ...rest } = props;
-    return /* @__PURE__ */ jsxs(ChakraBlockquote.Root, { ref, ...rest, children: [
-      icon,
-      /* @__PURE__ */ jsx(ChakraBlockquote.Content, { cite: citeUrl, children }),
-      cite && /* @__PURE__ */ jsxs(ChakraBlockquote.Caption, { children: [
-        showDash ? /* @__PURE__ */ jsx(Fragment, { children: "\u2014" }) : null,
-        " ",
-        /* @__PURE__ */ jsx("cite", { children: cite })
-      ] })
-    ] });
-  }
-);
-
-export {
-  Blockquote
-};

package/dist/chunk-HHKMVSL4.js

@@ -1,54 +0,0 @@
-'use client'
-import {
-  CloseButton
-} from "./chunk-U2CWQDXE.js";
-import {
-  __export
-} from "./chunk-RTMS5TJN.js";
-
-// src/components/drawer/drawer.tsx
-var drawer_exports = {};
-__export(drawer_exports, {
-  ActionTrigger: () => ActionTrigger,
-  Backdrop: () => Backdrop,
-  Body: () => Body,
-  CloseButton: () => CloseButton2,
-  CloseTrigger: () => CloseTrigger,
-  Content: () => Content,
-  Context: () => Context,
-  Description: () => Description,
-  Footer: () => Footer,
-  Header: () => Header,
-  Root: () => Root,
-  Title: () => Title,
-  Trigger: () => Trigger
-});
-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 Content = forwardRef(
-  function DrawerContent(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 CloseButton2 = forwardRef(function DrawerCloseTrigger(props, ref) {
-  const { children, ...rest } = props;
-  return /* @__PURE__ */ jsx(ChakraDrawer.CloseTrigger, { ...rest, asChild: true, children: /* @__PURE__ */ jsx(CloseButton, { size: "sm", ref, children }) });
-});
-var CloseTrigger = ChakraDrawer.CloseTrigger;
-var Trigger = ChakraDrawer.Trigger;
-var Root = ChakraDrawer.Root;
-var Footer = ChakraDrawer.Footer;
-var Header = ChakraDrawer.Header;
-var Body = ChakraDrawer.Body;
-var Backdrop = ChakraDrawer.Backdrop;
-var Description = ChakraDrawer.Description;
-var Title = ChakraDrawer.Title;
-var ActionTrigger = ChakraDrawer.ActionTrigger;
-var Context = DialogContext;
-
-export {
-  drawer_exports
-};

package/dist/chunk-HHTTORZ6.js

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

package/dist/chunk-HQVBJT5Y.js

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