@saas-ui/react 3.0.0-alpha.30 → 3.0.0-alpha.32

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @saas-ui/react
 
+## 3.0.0-alpha.32
+
+### Minor Changes
+
+- 15e093e: Added new components, Accordion, Alert, Checkbox, HoverCard
+
+## 3.0.0-alpha.31
+
+### Patch Changes
+
+- Inputs now use semanti radii tokens
+- SegmentGroup now use semantic radii tokens
+- Forward ref to LoadingOverlay.Root
+
 ## 3.0.0-alpha.30
 
 ### Patch Changes

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-VZG7EJ64.js → chunk-2B5OZHZY.js}

@@ -1,7 +1,7 @@
 'use client'
 import {
   CheckIcon
-} from "./chunk-4TPVIHNO.js";
+} from "./chunk-4XB7B73X.js";
 import {
   __export
 } from "./chunk-RTMS5TJN.js";
@@ -19,7 +19,8 @@ __export(steps_exports, {
   Root: () => StepsRoot,
   useContext: () => useStepsContext
 });
-import { Box, Steps as ChakraSteps, useStepsContext } from "@chakra-ui/react";
+import { Box } from "@chakra-ui/react/box";
+import { Steps as ChakraSteps, useStepsContext } from "@chakra-ui/react/steps";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var StepsItem = (props) => {
   const { title, description, completedIcon, icon, ...rest } = props;

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

@@ -1,7 +1,7 @@
 'use client'
 import {
   CloseButton
-} from "./chunk-YXGJOOMM.js";
+} from "./chunk-H7KPEI6P.js";
 import {
   __export
 } from "./chunk-RTMS5TJN.js";
@@ -21,7 +21,8 @@ __export(namespace_exports, {
 
 // src/components/select/select.tsx
 import { forwardRef } from "react";
-import { Portal, Select as SelectPrimitive } from "@chakra-ui/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) {

package/dist/chunk-3EV6MKBG.js

@@ -0,0 +1,60 @@
+'use client'
+import {
+  Input
+} from "./chunk-5MTFSSOH.js";
+import {
+  IconButton
+} from "./chunk-OJZPPAT6.js";
+import {
+  Button
+} from "./chunk-5HVAMQYO.js";
+import {
+  CheckIcon,
+  CopyIcon
+} from "./chunk-4XB7B73X.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;
+
+export {
+  clipboard_exports
+};

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-46ISJZBS.js → chunk-4IZGJDYL.js}

@@ -2,7 +2,7 @@
 import {
   CloseIcon,
   SearchIcon
-} from "./chunk-4TPVIHNO.js";
+} from "./chunk-4XB7B73X.js";
 
 // src/components/search-input/search-input.tsx
 import React, { forwardRef } from "react";

package/dist/{chunk-4TPVIHNO.js → chunk-4XB7B73X.js}

@@ -1,7 +1,7 @@
 'use client'
 
 // src/components/icons/create-icon.tsx
-import { createIcon as _createIcon } from "@chakra-ui/react";
+import { createIcon as _createIcon } from "@chakra-ui/react/icon";
 var createIcon = (props) => {
   return _createIcon({
     viewBox: "0 0 24 24",
@@ -106,6 +106,21 @@ var EllipsisIcon = createIcon({
     /* @__PURE__ */ jsx("circle", { cx: "5", cy: "12", r: "1" })
   ] })
 });
+var CopyIcon = createIcon({
+  displayName: "CopyIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+    /* @__PURE__ */ jsx("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
+  ] })
+});
+var InfoIcon = createIcon({
+  displayName: "InfoIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsx("path", { d: "M12 16v-4" }),
+    /* @__PURE__ */ jsx("path", { d: "M12 8h.01" })
+  ] })
+});
 
 export {
   ChevronUpIcon,
@@ -122,5 +137,7 @@ export {
   ViewIcon,
   SearchIcon,
   CheckIcon,
-  EllipsisIcon
+  EllipsisIcon,
+  CopyIcon,
+  InfoIcon
 };

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-5MTFSSOH.js

@@ -0,0 +1,16 @@
+'use client'
+
+// src/components/input/index.ts
+import {
+  Input,
+  InputAddon,
+  InputElement,
+  InputPropsProvider
+} from "@chakra-ui/react/input";
+
+export {
+  Input,
+  InputAddon,
+  InputElement,
+  InputPropsProvider
+};

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-UASXI64E.js → chunk-5ZKEXMBN.js}

@@ -1,10 +1,12 @@
 'use client'
+import {
+  Kbd
+} from "./chunk-OQU4LWZW.js";
 
 // src/components/command/command.tsx
 import {
-  Kbd,
   createRecipeContext
-} from "@chakra-ui/react";
+} from "@chakra-ui/react/styled-system";
 import { Fragment, jsx } from "react/jsx-runtime";
 var { withContext } = createRecipeContext({
   key: "suiCommand"

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-RLIAFHVM.js → chunk-77QJSEEA.js}

@@ -1,18 +1,20 @@
 'use client'
+import {
+  Spinner
+} from "./chunk-MK3OG2I4.js";
 import {
   CloseButton
-} from "./chunk-YXGJOOMM.js";
+} from "./chunk-H7KPEI6P.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,
-  Portal,
-  Spinner,
-  Stack,
   Toast,
   createToaster
-} from "@chakra-ui/react";
+} from "@chakra-ui/react/toast";
 import { jsx, jsxs } from "react/jsx-runtime";
 var defaultOptions = {
   placement: "bottom-end",

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-QSNSWCTM.js → chunk-7MCVXFWM.js}

@@ -2,7 +2,8 @@
 
 // src/components/tooltip/tooltip.tsx
 import { forwardRef } from "react";
-import { Tooltip as ChakraTooltip, Portal } from "@chakra-ui/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) {

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

@@ -0,0 +1,39 @@
+'use client'
+import {
+  CloseButton
+} from "./chunk-H7KPEI6P.js";
+import {
+  __export
+} from "./chunk-RTMS5TJN.js";
+
+// src/components/action-bar/action-bar.tsx
+var action_bar_exports = {};
+__export(action_bar_exports, {
+  CloseButton: () => CloseButton2,
+  Content: () => Content,
+  Root: () => Root,
+  SelectionTrigger: () => SelectionTrigger,
+  Separator: () => Separator
+});
+import { forwardRef } from "react";
+import { ActionBar } from "@chakra-ui/react/action-bar";
+import { Portal } from "@chakra-ui/react/portal";
+import { jsx } from "react/jsx-runtime";
+var ActionBarContent = forwardRef(
+  function ActionBarContent2(props, ref) {
+    const { children, portalled = true, portalRef, ...rest } = props;
+    return /* @__PURE__ */ jsx(Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsx(ActionBar.Positioner, { children: /* @__PURE__ */ jsx(ActionBar.Content, { ref, ...rest, asChild: false, children }) }) });
+  }
+);
+var ActionBarCloseButton = forwardRef(function ActionBarCloseTrigger(props, ref) {
+  return /* @__PURE__ */ jsx(ActionBar.CloseTrigger, { ...props, asChild: true, ref, children: /* @__PURE__ */ jsx(CloseButton, { size: "sm" }) });
+});
+var Root = ActionBar.Root;
+var SelectionTrigger = ActionBar.SelectionTrigger;
+var Separator = ActionBar.Separator;
+var Content = ActionBarContent;
+var CloseButton2 = ActionBarCloseButton;
+
+export {
+  action_bar_exports
+};

package/dist/{chunk-7VSTNV2B.js → chunk-BDS3APRG.js}

@@ -1,7 +1,7 @@
 'use client'
 import {
   Spinner
-} from "./chunk-32JGENDB.js";
+} from "./chunk-MK3OG2I4.js";
 import {
   __export
 } from "./chunk-RTMS5TJN.js";
@@ -13,6 +13,7 @@ __export(loading_overlay_exports, {
   Spinner: () => LoadingOverlaySpinner,
   Text: () => LoadingOverlayText
 });
+import { forwardRef } from "react";
 import {
   Presence,
   splitPresenceProps
@@ -31,11 +32,13 @@ var {
 
 // src/components/loading-overlay/loading-overlay.tsx
 import { jsx } from "react/jsx-runtime";
-var LoadingOverlay = (props) => {
-  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, { ...rootProps, children }) });
-};
+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"

package/dist/chunk-BFO2S4Y5.js

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

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

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

package/dist/{chunk-TT4C5VXB.js → chunk-CRFTMIQA.js}

@@ -6,16 +6,16 @@ import {
 // src/components/breadcrumb/breadcrumb.tsx
 var breadcrumb_exports = {};
 __export(breadcrumb_exports, {
-  CurrentLink: () => BreadcrumbCurrentLink,
-  Ellipsis: () => BreadcrumbEllipsis,
-  Link: () => BreadcrumbLink,
-  Root: () => BreadcrumbRoot
+  CurrentLink: () => CurrentLink,
+  Ellipsis: () => Ellipsis,
+  Link: () => Link,
+  Root: () => Root
 });
 import { Children, Fragment, forwardRef, isValidElement } from "react";
-import { Breadcrumb } from "@chakra-ui/react";
+import { Breadcrumb } from "@chakra-ui/react/breadcrumb";
 import { jsx, jsxs } from "react/jsx-runtime";
-var BreadcrumbRoot = forwardRef(
-  function BreadcrumbRoot2(props, ref) {
+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) => {
@@ -27,9 +27,9 @@ var BreadcrumbRoot = forwardRef(
     }) }) });
   }
 );
-var BreadcrumbLink = Breadcrumb.Link;
-var BreadcrumbCurrentLink = Breadcrumb.CurrentLink;
-var BreadcrumbEllipsis = Breadcrumb.Ellipsis;
+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-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-32DD6PHF.js → chunk-EYOHLXWQ.js}

@@ -1,7 +1,7 @@
 'use client'
 import {
   CloseButton
-} from "./chunk-YXGJOOMM.js";
+} from "./chunk-H7KPEI6P.js";
 import {
   __export
 } from "./chunk-RTMS5TJN.js";
@@ -25,7 +25,8 @@ __export(dialog_exports, {
   Trigger: () => Trigger
 });
 import { forwardRef } from "react";
-import { Dialog as ChakraDialog, Portal } from "@chakra-ui/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(

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-JO4WJVYO.js → chunk-FN7TU5F5.js}

@@ -2,7 +2,8 @@
 
 // src/components/avatar/avatar.tsx
 import { forwardRef } from "react";
-import { Avatar as ChakraAvatar, Group } from "@chakra-ui/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) {

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

@@ -0,0 +1,37 @@
+'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) {
+    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) => {
+      if (typeof mark === "number") return { value: mark, label: void 0 };
+      return mark;
+    });
+    const hasMarkLabel = !!(marks == null ? void 0 : 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))
+      ] }),
+      (marks == null ? void 0 : 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-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
+};