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

package/dist/chunk-CRFTMIQA.js

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

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

package/dist/chunk-DJNPK2LM.js

@@ -0,0 +1,60 @@
+'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-EJOXGWHK.js

@@ -0,0 +1,115 @@
+'use client'
+import {
+  CloseButton
+} from "./chunk-WZUKOJGI.js";
+import {
+  Button
+} from "./chunk-5HVAMQYO.js";
+import {
+  __export
+} from "./chunk-RTMS5TJN.js";
+
+// src/components/file-upload/file-upload.tsx
+var file_upload_exports = {};
+__export(file_upload_exports, {
+  ClearTrigger: () => ClearTrigger,
+  Dropzone: () => Dropzone,
+  Input: () => Input,
+  Label: () => Label,
+  List: () => List,
+  Root: () => Root,
+  Trigger: () => Trigger
+});
+import * as React from "react";
+import { Span } from "@chakra-ui/react";
+import {
+  FileUpload as ChakraFileUpload,
+  useFileUploadContext
+} from "@chakra-ui/react/file-upload";
+import { useRecipe } from "@chakra-ui/react/styled-system";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Root = React.forwardRef(
+  function FileUploadRoot(props, ref) {
+    const { children, inputProps, ...rest } = props;
+    return /* @__PURE__ */ jsxs(ChakraFileUpload.Root, { ...rest, children: [
+      /* @__PURE__ */ jsx(ChakraFileUpload.HiddenInput, { ref, ...inputProps }),
+      children
+    ] });
+  }
+);
+var Dropzone = React.forwardRef(
+  function FileUploadDropzone(props, ref) {
+    const { children, ...rest } = props;
+    return /* @__PURE__ */ jsx(ChakraFileUpload.Dropzone, { ref, ...rest, children: /* @__PURE__ */ jsx(ChakraFileUpload.DropzoneContent, { children }) });
+  }
+);
+var Item = React.forwardRef(
+  function FileUploadItem(props, ref) {
+    const { file, showSize, icon, clearable } = props;
+    return /* @__PURE__ */ jsxs(ChakraFileUpload.Item, { file, ref, children: [
+      /* @__PURE__ */ jsx(ChakraFileUpload.ItemPreview, { children: icon }),
+      showSize ? /* @__PURE__ */ jsxs(ChakraFileUpload.ItemContent, { children: [
+        /* @__PURE__ */ jsx(ChakraFileUpload.ItemName, {}),
+        /* @__PURE__ */ jsx(ChakraFileUpload.ItemSizeText, {})
+      ] }) : /* @__PURE__ */ jsx(ChakraFileUpload.ItemName, { flex: "1" }),
+      clearable && /* @__PURE__ */ jsx(ChakraFileUpload.ItemDeleteTrigger, { asChild: true, children: /* @__PURE__ */ jsx(CloseButton, { size: "xs" }) })
+    ] });
+  }
+);
+var List = React.forwardRef(
+  function FileUploadList(props, ref) {
+    const { showSize, clearable, files, ...rest } = props;
+    const fileUpload = useFileUploadContext();
+    const acceptedFiles = files ?? fileUpload.acceptedFiles;
+    if (acceptedFiles.length === 0) return null;
+    return /* @__PURE__ */ jsx(ChakraFileUpload.ItemGroup, { ref, ...rest, children: acceptedFiles.map((file) => /* @__PURE__ */ jsx(
+      Item,
+      {
+        file,
+        showSize,
+        clearable
+      },
+      file.name
+    )) });
+  }
+);
+var Input = React.forwardRef(
+  function FileInput(props, ref) {
+    const inputRecipe = useRecipe({ key: "input" });
+    const [recipeProps, restProps] = inputRecipe.splitVariantProps(props);
+    const { placeholder = "Select file(s)", ...rest } = restProps;
+    return /* @__PURE__ */ jsx(ChakraFileUpload.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        unstyled: true,
+        py: "0",
+        ref,
+        ...rest,
+        css: [inputRecipe(recipeProps), props.css],
+        children: /* @__PURE__ */ jsx(ChakraFileUpload.Context, { children: ({ acceptedFiles }) => {
+          if (acceptedFiles.length === 1) {
+            return /* @__PURE__ */ jsx("span", { children: acceptedFiles[0].name });
+          }
+          if (acceptedFiles.length > 1) {
+            return /* @__PURE__ */ jsxs("span", { children: [
+              acceptedFiles.length,
+              " files"
+            ] });
+          }
+          return /* @__PURE__ */ jsx(Span, { color: "fg.subtle", children: placeholder });
+        } })
+      }
+    ) });
+  }
+);
+var Label = ChakraFileUpload.Label;
+var ClearTrigger = ChakraFileUpload.ClearTrigger;
+var Trigger = ChakraFileUpload.Trigger;
+
+// src/components/file-upload/index.ts
+import { useFileUploadContext as useFileUploadContext2 } from "@chakra-ui/react/file-upload";
+
+export {
+  file_upload_exports,
+  useFileUploadContext2 as useFileUploadContext
+};

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-EWCBYJA7.js

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

package/dist/chunk-EZZW6JOU.js

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

package/dist/chunk-FD2V4Y66.js

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

package/dist/chunk-FN7TU5F5.js

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

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

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-GSWLAOIM.js

@@ -0,0 +1,24 @@
+'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-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-HHUVJRPT.js

@@ -0,0 +1,62 @@
+'use client'
+import {
+  CloseButton
+} from "./chunk-WZUKOJGI.js";
+import {
+  __export
+} from "./chunk-RTMS5TJN.js";
+
+// src/components/dialog/dialog.tsx
+var dialog_exports = {};
+__export(dialog_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 { Dialog as ChakraDialog } from "@chakra-ui/react/dialog";
+import { Portal } from "@chakra-ui/react/portal";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Content = forwardRef(
+  function DialogContent(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 CloseButton2 = forwardRef(function DialogCloseTrigger(props, ref) {
+  return /* @__PURE__ */ jsx(ChakraDialog.CloseTrigger, { ...props, asChild: true, children: /* @__PURE__ */ jsx(CloseButton, { size: "sm", ref, children: props.children }) });
+});
+var CloseTrigger = ChakraDialog.CloseTrigger;
+var Root = ChakraDialog.Root;
+var Context = ChakraDialog.Context;
+var Footer = ChakraDialog.Footer;
+var Header = ChakraDialog.Header;
+var Body = ChakraDialog.Body;
+var Backdrop = ChakraDialog.Backdrop;
+var Title = ChakraDialog.Title;
+var Description = ChakraDialog.Description;
+var Trigger = ChakraDialog.Trigger;
+var ActionTrigger = ChakraDialog.ActionTrigger;
+
+export {
+  dialog_exports
+};

package/dist/chunk-HJX66GFT.js

@@ -0,0 +1,118 @@
+'use client'
+import {
+  CloseIcon,
+  SearchIcon
+} from "./chunk-OME35FUG.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-HQVBJT5Y.js

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

package/dist/chunk-HREBIPVW.js

@@ -0,0 +1,36 @@
+'use client'
+
+// src/components/slider/slider.tsx
+import { forwardRef } from "react";
+import { Slider as ChakraSlider } from "@chakra-ui/react/slider";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Slider = forwardRef(
+  function Slider2(props, ref) {
+    const { marks: marksProp, label, ...rest } = props;
+    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?.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?.map((_, index) => /* @__PURE__ */ jsx(ChakraSlider.Thumb, { index, children: /* @__PURE__ */ jsx(ChakraSlider.HiddenInput, {}) }, 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: [
+          /* @__PURE__ */ jsx(ChakraSlider.MarkerIndicator, {}),
+          label2
+        ] }, index);
+      }) })
+    ] });
+  }
+);
+
+export {
+  Slider
+};

package/dist/chunk-HRFQMDUK.js

@@ -0,0 +1,71 @@
+'use client'
+import {
+  CloseButton
+} from "./chunk-WZUKOJGI.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 { Portal } from "@chakra-ui/react/portal";
+import { jsx } from "react/jsx-runtime";
+var Content = forwardRef(
+  function PopoverContent(props, ref) {
+    const portalled = props.portalled ?? false;
+    const portalRef = props.portalRef ?? void 0;
+    const children = props.children ?? null;
+    delete props.portalled;
+    delete props.portalRef;
+    delete props.children;
+    return /* @__PURE__ */ jsx(Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsx(ChakraPopover.Positioner, { children: /* @__PURE__ */ jsx(ChakraPopover.Content, { ref, ...props, children }) }) });
+  }
+);
+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-HZX4AGO5.js

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