aeon-ui-engine 1.8.0 → 1.9.0

package/packages/ui/dist/index.js

@@ -560,110 +560,173 @@ var Separator = {
   }
 };
 
+// src/prose.tsx
+import { Prose as Headless19 } from "@aeon-ui/react";
+import { aeonProse } from "@aeon-ui/panda/styled-system/recipes";
+import { forwardRef } from "react";
+import { jsx as jsx19 } from "react/jsx-runtime";
+var prose = aeonProse();
+var Root = forwardRef(function Prose({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx19(Headless19.Root, { ref, className: cx(prose.root, className), ...props });
+});
+var Prose2 = { Root };
+
+// src/textarea.tsx
+import { Textarea as Headless20 } from "@aeon-ui/react";
+import { aeonTextarea } from "@aeon-ui/panda/styled-system/recipes";
+import { forwardRef as forwardRef2 } from "react";
+import { jsx as jsx20 } from "react/jsx-runtime";
+var Root2 = forwardRef2(function Textarea({ className, variant = "outline", ...props }, ref) {
+  return /* @__PURE__ */ jsx20(Headless20.Root, { ref, className: cx(aeonTextarea({ variant }).root, className), ...props });
+});
+var Textarea2 = { Root: Root2 };
+
+// src/segment-group.tsx
+import { SegmentGroup as Headless21 } from "@aeon-ui/react";
+import { aeonSegmentGroup } from "@aeon-ui/panda/styled-system/recipes";
+import { createContext, forwardRef as forwardRef3, useContext } from "react";
+import { jsx as jsx21 } from "react/jsx-runtime";
+var SizeCtx = createContext("md");
+var Root3 = forwardRef3(function SegmentGroup({ className, size = "md", ...props }, ref) {
+  return /* @__PURE__ */ jsx21(SizeCtx.Provider, { value: size, children: /* @__PURE__ */ jsx21(Headless21.Root, { ref, className: cx(aeonSegmentGroup({ size }).root, className), ...props }) });
+});
+var Item = forwardRef3(function SegmentGroupItem({ className, ...props }, ref) {
+  const size = useContext(SizeCtx);
+  return /* @__PURE__ */ jsx21(Headless21.Item, { ref, className: cx(aeonSegmentGroup({ size }).item, className), ...props });
+});
+var SegmentGroup2 = { Root: Root3, Item };
+
+// src/clipboard.tsx
+import { Clipboard as Headless22 } from "@aeon-ui/react";
+import { aeonClipboard } from "@aeon-ui/panda/styled-system/recipes";
+import { forwardRef as forwardRef4 } from "react";
+import { jsx as jsx22, jsxs } from "react/jsx-runtime";
+var clipboard = aeonClipboard();
+var icon = { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" };
+var CopyIcon = () => /* @__PURE__ */ jsxs("svg", { ...icon, children: [
+  /* @__PURE__ */ jsx22("rect", { x: "5.5", y: "5.5", width: "8", height: "8", rx: "1.5" }),
+  /* @__PURE__ */ jsx22("path", { d: "M10.5 5.5v-2a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2" })
+] });
+var CheckIcon = () => /* @__PURE__ */ jsx22("svg", { ...icon, children: /* @__PURE__ */ jsx22("path", { d: "m3.5 8.5 3 3 6-7" }) });
+var Root4 = forwardRef4(function Clipboard({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx22(Headless22.Root, { ref, className: cx(clipboard.root, className), ...props });
+});
+var Indicator = forwardRef4(
+  function ClipboardIndicator({ className, copied = /* @__PURE__ */ jsx22(CheckIcon, {}), children = /* @__PURE__ */ jsx22(CopyIcon, {}), ...props }, ref) {
+    return /* @__PURE__ */ jsx22(Headless22.Indicator, { ref, className: cx(clipboard.indicator, className), copied, ...props, children });
+  }
+);
+var Trigger = forwardRef4(
+  function ClipboardTrigger({ className, children = /* @__PURE__ */ jsx22(Indicator, {}), ...props }, ref) {
+    return /* @__PURE__ */ jsx22(Headless22.Trigger, { ref, className: cx(clipboard.trigger, className), ...props, children });
+  }
+);
+var Clipboard2 = { Root: Root4, Trigger, Indicator };
+
 // src/progress.tsx
-import { Progress as Headless19 } from "@aeon-ui/react";
+import { Progress as Headless23 } from "@aeon-ui/react";
 import { aeonProgress } from "@aeon-ui/panda/styled-system/recipes";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 var progress = aeonProgress();
 var Progress = {
-  Root: ({ className, ...props }) => /* @__PURE__ */ jsx19(Headless19.Root, { className: cx(progress.root, className), ...props }),
-  Track: ({ className, ...props }) => /* @__PURE__ */ jsx19(Headless19.Track, { className: cx(progress.track, className), ...props }),
-  Range: ({ className, ...props }) => /* @__PURE__ */ jsx19(Headless19.Range, { className: cx(progress.range, className), ...props }),
-  Label: ({ className, ...props }) => /* @__PURE__ */ jsx19(Headless19.Label, { className: cx(progress.label, className), ...props })
+  Root: ({ className, ...props }) => /* @__PURE__ */ jsx23(Headless23.Root, { className: cx(progress.root, className), ...props }),
+  Track: ({ className, ...props }) => /* @__PURE__ */ jsx23(Headless23.Track, { className: cx(progress.track, className), ...props }),
+  Range: ({ className, ...props }) => /* @__PURE__ */ jsx23(Headless23.Range, { className: cx(progress.range, className), ...props }),
+  Label: ({ className, ...props }) => /* @__PURE__ */ jsx23(Headless23.Label, { className: cx(progress.label, className), ...props })
 };
 
 // src/radio-group.tsx
-import { RadioGroup as Headless20 } from "@aeon-ui/react";
+import { RadioGroup as Headless24 } from "@aeon-ui/react";
 import { aeonRadioGroup } from "@aeon-ui/panda/styled-system/recipes";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 var radioGroup = aeonRadioGroup();
 var RadioGroup = {
-  Root: ({ className, ...props }) => /* @__PURE__ */ jsx20(Headless20.Root, { className: cx(radioGroup.root, className), ...props }),
-  Item: ({ className, ...props }) => /* @__PURE__ */ jsx20(Headless20.Item, { className: cx(radioGroup.item, className), ...props }),
-  ItemControl: ({ className, ...props }) => /* @__PURE__ */ jsx20(Headless20.ItemControl, { className: cx(radioGroup.itemControl, className), ...props }),
-  ItemIndicator: ({ className, ...props }) => /* @__PURE__ */ jsx20(Headless20.ItemIndicator, { className: cx(radioGroup.itemIndicator, className), ...props }),
-  ItemLabel: ({ className, ...props }) => /* @__PURE__ */ jsx20(Headless20.ItemLabel, { className: cx(radioGroup.itemLabel, className), ...props })
+  Root: ({ className, ...props }) => /* @__PURE__ */ jsx24(Headless24.Root, { className: cx(radioGroup.root, className), ...props }),
+  Item: ({ className, ...props }) => /* @__PURE__ */ jsx24(Headless24.Item, { className: cx(radioGroup.item, className), ...props }),
+  ItemControl: ({ className, ...props }) => /* @__PURE__ */ jsx24(Headless24.ItemControl, { className: cx(radioGroup.itemControl, className), ...props }),
+  ItemIndicator: ({ className, ...props }) => /* @__PURE__ */ jsx24(Headless24.ItemIndicator, { className: cx(radioGroup.itemIndicator, className), ...props }),
+  ItemLabel: ({ className, ...props }) => /* @__PURE__ */ jsx24(Headless24.ItemLabel, { className: cx(radioGroup.itemLabel, className), ...props })
 };
 
 // src/slider.tsx
-import { Slider as Headless21 } from "@aeon-ui/react";
+import { Slider as Headless25 } from "@aeon-ui/react";
 import { aeonSlider } from "@aeon-ui/panda/styled-system/recipes";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 var slider = aeonSlider();
 var Slider = {
-  Root: ({ className, ...props }) => /* @__PURE__ */ jsx21(Headless21.Root, { className: cx(slider.root, className), ...props }),
-  Track: ({ className, ...props }) => /* @__PURE__ */ jsx21(Headless21.Track, { className: cx(slider.track, className), ...props }),
-  Range: ({ className, ...props }) => /* @__PURE__ */ jsx21(Headless21.Range, { className: cx(slider.range, className), ...props }),
-  Thumb: ({ className, ...props }) => /* @__PURE__ */ jsx21(Headless21.Thumb, { className: cx(slider.thumb, className), ...props }),
-  ValueText: ({ className, ...props }) => /* @__PURE__ */ jsx21(Headless21.ValueText, { className: cx(slider.valueText, className), ...props })
+  Root: ({ className, ...props }) => /* @__PURE__ */ jsx25(Headless25.Root, { className: cx(slider.root, className), ...props }),
+  Track: ({ className, ...props }) => /* @__PURE__ */ jsx25(Headless25.Track, { className: cx(slider.track, className), ...props }),
+  Range: ({ className, ...props }) => /* @__PURE__ */ jsx25(Headless25.Range, { className: cx(slider.range, className), ...props }),
+  Thumb: ({ className, ...props }) => /* @__PURE__ */ jsx25(Headless25.Thumb, { className: cx(slider.thumb, className), ...props }),
+  ValueText: ({ className, ...props }) => /* @__PURE__ */ jsx25(Headless25.ValueText, { className: cx(slider.valueText, className), ...props })
 };
 
 // src/range-slider.tsx
-import { RangeSlider as Headless22 } from "@aeon-ui/react";
+import { RangeSlider as Headless26 } from "@aeon-ui/react";
 import { aeonRangeSlider } from "@aeon-ui/panda/styled-system/recipes";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 var recipe = aeonRangeSlider();
 var RangeSlider = {
-  Root: ({ className, ...props }) => /* @__PURE__ */ jsx22(Headless22.Root, { className: cx(recipe.root, className), ...props }),
-  Track: ({ className, ...props }) => /* @__PURE__ */ jsx22(Headless22.Track, { className: cx(recipe.track, className), ...props }),
-  Range: ({ className, ...props }) => /* @__PURE__ */ jsx22(Headless22.Range, { className: cx(recipe.range, className), ...props }),
-  Thumb: ({ className, ...props }) => /* @__PURE__ */ jsx22(Headless22.Thumb, { className: cx(recipe.thumb, className), ...props }),
-  ValueText: ({ className, ...props }) => /* @__PURE__ */ jsx22(Headless22.ValueText, { className: cx(recipe.valueText, className), ...props })
+  Root: ({ className, ...props }) => /* @__PURE__ */ jsx26(Headless26.Root, { className: cx(recipe.root, className), ...props }),
+  Track: ({ className, ...props }) => /* @__PURE__ */ jsx26(Headless26.Track, { className: cx(recipe.track, className), ...props }),
+  Range: ({ className, ...props }) => /* @__PURE__ */ jsx26(Headless26.Range, { className: cx(recipe.range, className), ...props }),
+  Thumb: ({ className, ...props }) => /* @__PURE__ */ jsx26(Headless26.Thumb, { className: cx(recipe.thumb, className), ...props }),
+  ValueText: ({ className, ...props }) => /* @__PURE__ */ jsx26(Headless26.ValueText, { className: cx(recipe.valueText, className), ...props })
 };
 
 // src/file-upload.tsx
-import { FileUpload as Headless23 } from "@aeon-ui/react";
+import { FileUpload as Headless27 } from "@aeon-ui/react";
 import { aeonFileUpload } from "@aeon-ui/panda/styled-system/recipes";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var recipe2 = aeonFileUpload();
 var FileUpload = {
-  Root: ({ className, ...props }) => /* @__PURE__ */ jsx23(Headless23.Root, { className: cx(recipe2.root, className), ...props }),
-  Label: ({ className, ...props }) => /* @__PURE__ */ jsx23(Headless23.Label, { className: cx(recipe2.label, className), ...props }),
-  Dropzone: ({ className, ...props }) => /* @__PURE__ */ jsx23(Headless23.Dropzone, { className: cx(recipe2.dropzone, className), ...props }),
-  Input: ({ className, ...props }) => /* @__PURE__ */ jsx23(Headless23.Input, { className: cx(recipe2.input, className), ...props }),
-  Hint: ({ className, ...props }) => /* @__PURE__ */ jsx23(Headless23.Hint, { className: cx(recipe2.hint, className), ...props }),
-  Preview: ({ className, ...props }) => /* @__PURE__ */ jsx23(Headless23.Preview, { className: cx(recipe2.preview, className), ...props }),
-  ClearTrigger: ({ className, ...props }) => /* @__PURE__ */ jsx23(Headless23.ClearTrigger, { className: cx(recipe2.clearTrigger, className), ...props }),
+  Root: ({ className, ...props }) => /* @__PURE__ */ jsx27(Headless27.Root, { className: cx(recipe2.root, className), ...props }),
+  Label: ({ className, ...props }) => /* @__PURE__ */ jsx27(Headless27.Label, { className: cx(recipe2.label, className), ...props }),
+  Dropzone: ({ className, ...props }) => /* @__PURE__ */ jsx27(Headless27.Dropzone, { className: cx(recipe2.dropzone, className), ...props }),
+  Input: ({ className, ...props }) => /* @__PURE__ */ jsx27(Headless27.Input, { className: cx(recipe2.input, className), ...props }),
+  Hint: ({ className, ...props }) => /* @__PURE__ */ jsx27(Headless27.Hint, { className: cx(recipe2.hint, className), ...props }),
+  Preview: ({ className, ...props }) => /* @__PURE__ */ jsx27(Headless27.Preview, { className: cx(recipe2.preview, className), ...props }),
+  ClearTrigger: ({ className, ...props }) => /* @__PURE__ */ jsx27(Headless27.ClearTrigger, { className: cx(recipe2.clearTrigger, className), ...props }),
   RejectionMessage: ({
     className,
     ...props
-  }) => /* @__PURE__ */ jsx23(Headless23.RejectionMessage, { className: cx(recipe2.rejectionMessage, className), ...props })
+  }) => /* @__PURE__ */ jsx27(Headless27.RejectionMessage, { className: cx(recipe2.rejectionMessage, className), ...props })
 };
 
 // src/pin-input.tsx
-import { PinInput as Headless24 } from "@aeon-ui/react";
+import { PinInput as Headless28 } from "@aeon-ui/react";
 import { aeonPinInput } from "@aeon-ui/panda/styled-system/recipes";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 var pinInput = aeonPinInput();
 var PinInput = {
-  Root: ({ className, ...props }) => /* @__PURE__ */ jsx24(Headless24.Root, { className: cx(pinInput.root, className), ...props }),
-  Input: ({ className, ...props }) => /* @__PURE__ */ jsx24(Headless24.Input, { className: cx(pinInput.input, className), ...props }),
-  Group: Headless24.Group
+  Root: ({ className, ...props }) => /* @__PURE__ */ jsx28(Headless28.Root, { className: cx(pinInput.root, className), ...props }),
+  Input: ({ className, ...props }) => /* @__PURE__ */ jsx28(Headless28.Input, { className: cx(pinInput.input, className), ...props }),
+  Group: Headless28.Group
 };
 
 // src/accordion.tsx
-import { Accordion as Headless25 } from "@aeon-ui/react";
+import { Accordion as Headless29 } from "@aeon-ui/react";
 import { css } from "@aeon-ui/panda/styled-system/css";
 import { aeonAccordion } from "@aeon-ui/panda/styled-system/recipes";
-import { jsx as jsx25, jsxs } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs2 } from "react/jsx-runtime";
 var accordion = aeonAccordion();
 var triggerLabel = css({ flex: "1", minW: "0", pr: "gapSm" });
 var Accordion = {
-  Root: ({ className, ...props }) => /* @__PURE__ */ jsx25(Headless25.Root, { className: cx(accordion.root, className), ...props }),
-  Item: ({ className, ...props }) => /* @__PURE__ */ jsx25(Headless25.Item, { className: cx(accordion.item, className), ...props }),
-  ItemTrigger: ({ className, children, ...props }) => /* @__PURE__ */ jsxs(Headless25.ItemTrigger, { className: cx(accordion.itemTrigger, className), ...props, children: [
-    /* @__PURE__ */ jsx25("span", { className: triggerLabel, children }),
-    /* @__PURE__ */ jsx25(Headless25.ItemIndicator, { className: accordion.itemIndicator, children: "\u25BE" })
+  Root: ({ className, ...props }) => /* @__PURE__ */ jsx29(Headless29.Root, { className: cx(accordion.root, className), ...props }),
+  Item: ({ className, ...props }) => /* @__PURE__ */ jsx29(Headless29.Item, { className: cx(accordion.item, className), ...props }),
+  ItemTrigger: ({ className, children, ...props }) => /* @__PURE__ */ jsxs2(Headless29.ItemTrigger, { className: cx(accordion.itemTrigger, className), ...props, children: [
+    /* @__PURE__ */ jsx29("span", { className: triggerLabel, children }),
+    /* @__PURE__ */ jsx29(Headless29.ItemIndicator, { className: accordion.itemIndicator, children: "\u25BE" })
   ] }),
-  ItemContent: ({ className, ...props }) => /* @__PURE__ */ jsx25(Headless25.ItemContent, { className: cx(accordion.itemContent, className), ...props }),
-  ItemIndicator: Headless25.ItemIndicator
+  ItemContent: ({ className, ...props }) => /* @__PURE__ */ jsx29(Headless29.ItemContent, { className: cx(accordion.itemContent, className), ...props }),
+  ItemIndicator: Headless29.ItemIndicator
 };
 
 // src/badge.tsx
 import { aeonBadge } from "@aeon-ui/panda/styled-system/recipes";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 function Badge({ className, variant = "default", ...props }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx30(
     "span",
     {
       "data-aeon-scope": "badge",
@@ -675,142 +738,142 @@ function Badge({ className, variant = "default", ...props }) {
 }
 
 // src/bar.tsx
-import { Bar as Headless26 } from "@aeon-ui/react";
+import { Bar as Headless30 } from "@aeon-ui/react";
 import { aeonBar } from "@aeon-ui/panda/styled-system/recipes";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var Bar = {
   Root: ({ className, size, sticky, collapse, ...props }) => {
     const styles6 = aeonBar({ size, sticky, collapse });
-    return /* @__PURE__ */ jsx27(Headless26.Root, { className: cx(styles6.root, className), ...props });
+    return /* @__PURE__ */ jsx31(Headless30.Root, { className: cx(styles6.root, className), ...props });
   },
   Leading: ({ className, ...props }) => {
     const styles6 = aeonBar({});
-    return /* @__PURE__ */ jsx27(Headless26.Leading, { className: cx(styles6.leading, className), ...props });
+    return /* @__PURE__ */ jsx31(Headless30.Leading, { className: cx(styles6.leading, className), ...props });
   },
   Center: ({ className, ...props }) => {
     const styles6 = aeonBar({});
-    return /* @__PURE__ */ jsx27(Headless26.Center, { className: cx(styles6.center, className), ...props });
+    return /* @__PURE__ */ jsx31(Headless30.Center, { className: cx(styles6.center, className), ...props });
   },
   Trailing: ({ className, ...props }) => {
     const styles6 = aeonBar({});
-    return /* @__PURE__ */ jsx27(Headless26.Trailing, { className: cx(styles6.trailing, className), ...props });
+    return /* @__PURE__ */ jsx31(Headless30.Trailing, { className: cx(styles6.trailing, className), ...props });
   }
 };
 
 // src/panel.tsx
-import { Panel as Headless27 } from "@aeon-ui/react";
+import { Panel as Headless31 } from "@aeon-ui/react";
 import { aeonPanel } from "@aeon-ui/panda/styled-system/recipes";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var Panel = {
   Group: ({ className, ...props }) => {
     const styles6 = aeonPanel({});
-    return /* @__PURE__ */ jsx28(Headless27.Group, { className: cx(styles6.group, className), ...props });
+    return /* @__PURE__ */ jsx32(Headless31.Group, { className: cx(styles6.group, className), ...props });
   },
   Root: ({ className, size, ...props }) => {
     const styles6 = aeonPanel({ size });
-    return /* @__PURE__ */ jsx28(Headless27.Root, { className: cx(styles6.root, className), ...props });
+    return /* @__PURE__ */ jsx32(Headless31.Root, { className: cx(styles6.root, className), ...props });
   },
   Trigger: ({ className, ...props }) => {
     const styles6 = aeonPanel({});
-    return /* @__PURE__ */ jsx28(Headless27.Trigger, { className: cx(styles6.trigger, className), ...props });
+    return /* @__PURE__ */ jsx32(Headless31.Trigger, { className: cx(styles6.trigger, className), ...props });
   },
   Label: ({ className, ...props }) => {
     const styles6 = aeonPanel({});
-    return /* @__PURE__ */ jsx28(Headless27.Label, { className: cx(styles6.label, className), ...props });
+    return /* @__PURE__ */ jsx32(Headless31.Label, { className: cx(styles6.label, className), ...props });
   },
   Content: ({ className, ...props }) => {
     const styles6 = aeonPanel({});
-    return /* @__PURE__ */ jsx28(Headless27.Content, { className: cx(styles6.content, className), ...props });
+    return /* @__PURE__ */ jsx32(Headless31.Content, { className: cx(styles6.content, className), ...props });
   }
 };
 
 // src/app-shell.tsx
-import { AppShell as Headless28 } from "@aeon-ui/react";
+import { AppShell as Headless32 } from "@aeon-ui/react";
 import { aeonAppShell } from "@aeon-ui/panda/styled-system/recipes";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 var AppShell = {
   Root: ({ className, ...props }) => {
     const styles6 = aeonAppShell();
-    return /* @__PURE__ */ jsx29(Headless28.Root, { className: cx(styles6.root, className), ...props });
+    return /* @__PURE__ */ jsx33(Headless32.Root, { className: cx(styles6.root, className), ...props });
   },
   Header: ({ className, ...props }) => {
     const styles6 = aeonAppShell();
-    return /* @__PURE__ */ jsx29(Headless28.Header, { className: cx(styles6.header, className), ...props });
+    return /* @__PURE__ */ jsx33(Headless32.Header, { className: cx(styles6.header, className), ...props });
   },
   Subheader: ({ className, ...props }) => {
     const styles6 = aeonAppShell();
-    return /* @__PURE__ */ jsx29(Headless28.Subheader, { className: cx(styles6.subheader, className), ...props });
+    return /* @__PURE__ */ jsx33(Headless32.Subheader, { className: cx(styles6.subheader, className), ...props });
   },
   Content: ({ className, contentAlign = "start", ...props }) => {
     const styles6 = aeonAppShell({ contentAlign });
-    return /* @__PURE__ */ jsx29(Headless28.Content, { className: cx(styles6.content, className), ...props });
+    return /* @__PURE__ */ jsx33(Headless32.Content, { className: cx(styles6.content, className), ...props });
   },
   Aside: ({ className, ...props }) => {
     const styles6 = aeonAppShell();
-    return /* @__PURE__ */ jsx29(Headless28.Aside, { className: cx(styles6.aside, className), ...props });
+    return /* @__PURE__ */ jsx33(Headless32.Aside, { className: cx(styles6.aside, className), ...props });
   },
   Footer: ({ className, ...props }) => {
     const styles6 = aeonAppShell();
-    return /* @__PURE__ */ jsx29(Headless28.Footer, { className: cx(styles6.footer, className), ...props });
+    return /* @__PURE__ */ jsx33(Headless32.Footer, { className: cx(styles6.footer, className), ...props });
   },
   Dock: ({ className, ...props }) => {
     const styles6 = aeonAppShell();
-    return /* @__PURE__ */ jsx29(Headless28.Dock, { className: cx(styles6.dock, className), ...props });
+    return /* @__PURE__ */ jsx33(Headless32.Dock, { className: cx(styles6.dock, className), ...props });
   },
   Scrim: ({ className, ...props }) => {
     const styles6 = aeonAppShell();
-    return /* @__PURE__ */ jsx29(Headless28.Scrim, { className: cx(styles6.scrim, className), ...props });
+    return /* @__PURE__ */ jsx33(Headless32.Scrim, { className: cx(styles6.scrim, className), ...props });
   }
 };
 
 // src/content.tsx
-import { Content as Headless29 } from "@aeon-ui/react";
+import { Content as Headless33 } from "@aeon-ui/react";
 import { aeonContent } from "@aeon-ui/panda/styled-system/recipes";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 var Content = {
   Root: ({ className, align = "start", ...props }) => {
     const styles6 = aeonContent({ align });
-    return /* @__PURE__ */ jsx30(Headless29.Root, { className: cx(styles6.root, className), ...props });
+    return /* @__PURE__ */ jsx34(Headless33.Root, { className: cx(styles6.root, className), ...props });
   },
   Toolbar: ({ className, ...props }) => {
     const styles6 = aeonContent();
-    return /* @__PURE__ */ jsx30(Headless29.Toolbar, { className: cx(styles6.toolbar, className), ...props });
+    return /* @__PURE__ */ jsx34(Headless33.Toolbar, { className: cx(styles6.toolbar, className), ...props });
   },
   Body: ({ className, ...props }) => {
     const styles6 = aeonContent();
-    return /* @__PURE__ */ jsx30(Headless29.Body, { className: cx(styles6.body, className), ...props });
+    return /* @__PURE__ */ jsx34(Headless33.Body, { className: cx(styles6.body, className), ...props });
   },
   Pending: ({ className, ...props }) => {
     const styles6 = aeonContent();
-    return /* @__PURE__ */ jsx30(Headless29.Pending, { className: cx(styles6.pending, className), ...props });
+    return /* @__PURE__ */ jsx34(Headless33.Pending, { className: cx(styles6.pending, className), ...props });
   },
   Empty: ({ className, ...props }) => {
     const styles6 = aeonContent();
-    return /* @__PURE__ */ jsx30(Headless29.Empty, { className: cx(styles6.empty, className), ...props });
+    return /* @__PURE__ */ jsx34(Headless33.Empty, { className: cx(styles6.empty, className), ...props });
   },
   Error: ({ className, ...props }) => {
     const styles6 = aeonContent();
-    return /* @__PURE__ */ jsx30(Headless29.Error, { className: cx(styles6.error, className), ...props });
+    return /* @__PURE__ */ jsx34(Headless33.Error, { className: cx(styles6.error, className), ...props });
   },
   Success: ({ className, ...props }) => {
     const styles6 = aeonContent();
-    return /* @__PURE__ */ jsx30(Headless29.Success, { className: cx(styles6.success, className), ...props });
+    return /* @__PURE__ */ jsx34(Headless33.Success, { className: cx(styles6.success, className), ...props });
   },
   Sentinel: ({ className, ...props }) => {
     const styles6 = aeonContent();
-    return /* @__PURE__ */ jsx30(Headless29.Sentinel, { className: cx(styles6.sentinel, className), ...props });
+    return /* @__PURE__ */ jsx34(Headless33.Sentinel, { className: cx(styles6.sentinel, className), ...props });
   }
 };
 
 // src/nav.tsx
-import { Nav as Headless30 } from "@aeon-ui/react";
+import { Nav as Headless34 } from "@aeon-ui/react";
 import { aeonNav } from "@aeon-ui/panda/styled-system/recipes";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 var Nav = {
   Root: ({ className, size, layout = "inline", ...props }) => {
     const styles6 = aeonNav({ size, layout });
-    return /* @__PURE__ */ jsx31(
-      Headless30.Root,
+    return /* @__PURE__ */ jsx35(
+      Headless34.Root,
       {
         className: cx(styles6.root, className),
         "data-aeon-layout": layout,
@@ -820,35 +883,35 @@ var Nav = {
   },
   Item: ({ className, ...props }) => {
     const styles6 = aeonNav({});
-    return /* @__PURE__ */ jsx31(Headless30.Item, { className: cx(styles6.item, className), ...props });
+    return /* @__PURE__ */ jsx35(Headless34.Item, { className: cx(styles6.item, className), ...props });
   },
   Indicator: ({ className, ...props }) => {
     const styles6 = aeonNav({});
-    return /* @__PURE__ */ jsx31(Headless30.Indicator, { className: cx(styles6.indicator, className), ...props });
+    return /* @__PURE__ */ jsx35(Headless34.Indicator, { className: cx(styles6.indicator, className), ...props });
   },
   Label: ({ className, ...props }) => {
     const styles6 = aeonNav({});
-    return /* @__PURE__ */ jsx31(Headless30.Label, { className: cx(styles6.label, className), ...props });
+    return /* @__PURE__ */ jsx35(Headless34.Label, { className: cx(styles6.label, className), ...props });
   },
   Icon: ({ className, ...props }) => {
     const styles6 = aeonNav({});
-    return /* @__PURE__ */ jsx31(Headless30.Icon, { className: cx(styles6.icon, className), ...props });
+    return /* @__PURE__ */ jsx35(Headless34.Icon, { className: cx(styles6.icon, className), ...props });
   },
   Badge: ({ className, ...props }) => {
     const styles6 = aeonNav({});
-    return /* @__PURE__ */ jsx31(Headless30.Badge, { className: cx(styles6.badge, className), ...props });
+    return /* @__PURE__ */ jsx35(Headless34.Badge, { className: cx(styles6.badge, className), ...props });
   }
 };
 
 // src/sticky-bar.tsx
-import { StickyBar as Headless31 } from "@aeon-ui/react";
+import { StickyBar as Headless35 } from "@aeon-ui/react";
 import { aeonBar as aeonBar2 } from "@aeon-ui/panda/styled-system/recipes";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var StickyBar = {
   Root: ({ className, size, placement = "top", ...props }) => {
     const styles6 = aeonBar2({ size, placement });
-    return /* @__PURE__ */ jsx32(
-      Headless31.Root,
+    return /* @__PURE__ */ jsx36(
+      Headless35.Root,
       {
         className: cx(styles6.root, className),
         placement,
@@ -858,198 +921,198 @@ var StickyBar = {
   },
   Leading: ({ className, ...props }) => {
     const styles6 = aeonBar2({});
-    return /* @__PURE__ */ jsx32(Headless31.Leading, { className: cx(styles6.leading, className), ...props });
+    return /* @__PURE__ */ jsx36(Headless35.Leading, { className: cx(styles6.leading, className), ...props });
   },
   Center: ({ className, ...props }) => {
     const styles6 = aeonBar2({});
-    return /* @__PURE__ */ jsx32(Headless31.Center, { className: cx(styles6.center, className), ...props });
+    return /* @__PURE__ */ jsx36(Headless35.Center, { className: cx(styles6.center, className), ...props });
   },
   Trailing: ({ className, ...props }) => {
     const styles6 = aeonBar2({});
-    return /* @__PURE__ */ jsx32(Headless31.Trailing, { className: cx(styles6.trailing, className), ...props });
+    return /* @__PURE__ */ jsx36(Headless35.Trailing, { className: cx(styles6.trailing, className), ...props });
   },
   Seam: ({ className, ...props }) => {
     const styles6 = aeonBar2({});
-    return /* @__PURE__ */ jsx32(Headless31.Seam, { className: cx(styles6.seam, className), ...props });
+    return /* @__PURE__ */ jsx36(Headless35.Seam, { className: cx(styles6.seam, className), ...props });
   }
 };
 
 // src/scroll.tsx
-import { Scroll as Headless32, useScrollContext } from "@aeon-ui/react";
+import { Scroll as Headless36, useScrollContext } from "@aeon-ui/react";
 import { aeonScroll } from "@aeon-ui/panda/styled-system/recipes";
-import { createContext, useContext } from "react";
-import { jsx as jsx33 } from "react/jsx-runtime";
-var ScrollStyleCtx = createContext(null);
+import { createContext as createContext2, useContext as useContext2 } from "react";
+import { jsx as jsx37 } from "react/jsx-runtime";
+var ScrollStyleCtx = createContext2(null);
 function useScrollStyles() {
-  const s = useContext(ScrollStyleCtx);
+  const s = useContext2(ScrollStyleCtx);
   if (!s) throw new Error("Scroll parts must be used within <Scroll.Root>");
   return s;
 }
 var Scroll = {
   Root: ({ className, axis = "both", maxH = "md", children, ...props }) => {
     const s = aeonScroll({ axis, maxH });
-    return /* @__PURE__ */ jsx33(ScrollStyleCtx.Provider, { value: s, children: /* @__PURE__ */ jsx33(Headless32.Root, { className: cx(s.root, className), ...props, children }) });
+    return /* @__PURE__ */ jsx37(ScrollStyleCtx.Provider, { value: s, children: /* @__PURE__ */ jsx37(Headless36.Root, { className: cx(s.root, className), ...props, children }) });
   },
   Viewport: ({ className, ...props }) => {
     const s = useScrollStyles();
-    return /* @__PURE__ */ jsx33(Headless32.Viewport, { className: cx(s.viewport, className), ...props });
+    return /* @__PURE__ */ jsx37(Headless36.Viewport, { className: cx(s.viewport, className), ...props });
   },
   Content: ({ className, ...props }) => {
     const s = useScrollStyles();
-    return /* @__PURE__ */ jsx33(Headless32.Content, { className: cx(s.content, className), ...props });
+    return /* @__PURE__ */ jsx37(Headless36.Content, { className: cx(s.content, className), ...props });
   },
   StateReadout: ({ className }) => {
     const { stateAttr } = useScrollContext();
-    return /* @__PURE__ */ jsx33("code", { className, "data-aeon-part": "state-readout", children: stateAttr });
+    return /* @__PURE__ */ jsx37("code", { className, "data-aeon-part": "state-readout", children: stateAttr });
   }
 };
 
 // src/select.tsx
-import { Select as Headless33 } from "@aeon-ui/react";
+import { Select as Headless37 } from "@aeon-ui/react";
 import { aeonSelect } from "@aeon-ui/panda/styled-system/recipes";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 var styles4 = () => aeonSelect();
 var Select = {
   Root: ({ className, ...props }) => {
     const s = styles4();
-    return /* @__PURE__ */ jsx34(Headless33.Root, { className: cx(s.root, className), ...props });
+    return /* @__PURE__ */ jsx38(Headless37.Root, { className: cx(s.root, className), ...props });
   },
   Trigger: ({ className, ...props }) => {
     const s = styles4();
-    return /* @__PURE__ */ jsx34(Headless33.Trigger, { className: cx(s.trigger, className), ...props });
+    return /* @__PURE__ */ jsx38(Headless37.Trigger, { className: cx(s.trigger, className), ...props });
   },
   Content: ({ className, ...props }) => {
     const s = styles4();
-    return /* @__PURE__ */ jsx34(Headless33.Content, { className: cx(s.content, className), ...props });
+    return /* @__PURE__ */ jsx38(Headless37.Content, { className: cx(s.content, className), ...props });
   },
   ValueText: ({ className, ...props }) => {
     const s = styles4();
-    return /* @__PURE__ */ jsx34(Headless33.ValueText, { className: cx(s.value, className), ...props });
+    return /* @__PURE__ */ jsx38(Headless37.ValueText, { className: cx(s.value, className), ...props });
   },
-  Positioner: ({ className, ...props }) => /* @__PURE__ */ jsx34(Headless33.Positioner, { className, ...props }),
+  Positioner: ({ className, ...props }) => /* @__PURE__ */ jsx38(Headless37.Positioner, { className, ...props }),
   Item: ({ className, ...props }) => {
     const s = styles4();
-    return /* @__PURE__ */ jsx34(Headless33.Item, { className: cx(s.item, className), ...props });
+    return /* @__PURE__ */ jsx38(Headless37.Item, { className: cx(s.item, className), ...props });
   }
 };
 
 // src/combobox.tsx
-import { Combobox as Headless34 } from "@aeon-ui/react";
+import { Combobox as Headless38 } from "@aeon-ui/react";
 import { aeonCombobox } from "@aeon-ui/panda/styled-system/recipes";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var styles5 = () => aeonCombobox();
 var Combobox = {
   Root: ({ className, ...props }) => {
     const s = styles5();
-    return /* @__PURE__ */ jsx35(Headless34.Root, { className: cx(s.root, className), ...props });
+    return /* @__PURE__ */ jsx39(Headless38.Root, { className: cx(s.root, className), ...props });
   },
   Input: ({ className, ...props }) => {
     const s = styles5();
-    return /* @__PURE__ */ jsx35(Headless34.Input, { className: cx(s.input, className), ...props });
+    return /* @__PURE__ */ jsx39(Headless38.Input, { className: cx(s.input, className), ...props });
   },
   Content: ({ className, ...props }) => {
     const s = styles5();
-    return /* @__PURE__ */ jsx35(Headless34.Content, { className: cx(s.content, className), ...props });
+    return /* @__PURE__ */ jsx39(Headless38.Content, { className: cx(s.content, className), ...props });
   },
   Item: ({ className, ...props }) => {
     const s = styles5();
-    return /* @__PURE__ */ jsx35(Headless34.Item, { className: cx(s.item, className), ...props });
+    return /* @__PURE__ */ jsx39(Headless38.Item, { className: cx(s.item, className), ...props });
   },
   Empty: ({ className, ...props }) => {
     const s = styles5();
-    return /* @__PURE__ */ jsx35(Headless34.Empty, { className: cx(s.empty, className), ...props });
+    return /* @__PURE__ */ jsx39(Headless38.Empty, { className: cx(s.empty, className), ...props });
   }
 };
 
 // src/menu.tsx
-import { Menu as Headless35 } from "@aeon-ui/react";
+import { Menu as Headless39 } from "@aeon-ui/react";
 import { aeonMenu } from "@aeon-ui/panda/styled-system/recipes";
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 var menu = aeonMenu();
 var Menu = {
-  Root: Headless35.Root,
-  Trigger: ({ className, ...props }) => /* @__PURE__ */ jsx36(Headless35.Trigger, { className: cx(menu.trigger, className), ...props }),
-  Positioner: ({ className, ...props }) => /* @__PURE__ */ jsx36(Headless35.Positioner, { className: cx(menu.positioner, className), ...props }),
-  Content: ({ className, ...props }) => /* @__PURE__ */ jsx36(Headless35.Content, { className: cx(menu.content, className), ...props }),
-  Item: ({ className, ...props }) => /* @__PURE__ */ jsx36(Headless35.Item, { className: cx(menu.item, className), ...props }),
-  Separator: ({ className, ...props }) => /* @__PURE__ */ jsx36(Headless35.Separator, { className: cx(menu.separator, className), ...props })
+  Root: Headless39.Root,
+  Trigger: ({ className, ...props }) => /* @__PURE__ */ jsx40(Headless39.Trigger, { className: cx(menu.trigger, className), ...props }),
+  Positioner: ({ className, ...props }) => /* @__PURE__ */ jsx40(Headless39.Positioner, { className: cx(menu.positioner, className), ...props }),
+  Content: ({ className, ...props }) => /* @__PURE__ */ jsx40(Headless39.Content, { className: cx(menu.content, className), ...props }),
+  Item: ({ className, ...props }) => /* @__PURE__ */ jsx40(Headless39.Item, { className: cx(menu.item, className), ...props }),
+  Separator: ({ className, ...props }) => /* @__PURE__ */ jsx40(Headless39.Separator, { className: cx(menu.separator, className), ...props })
 };
 
 // src/popover.tsx
-import { Popover as Headless36 } from "@aeon-ui/react";
+import { Popover as Headless40 } from "@aeon-ui/react";
 import { aeonPopover } from "@aeon-ui/panda/styled-system/recipes";
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 var popover = aeonPopover();
 var Popover = {
-  Root: Headless36.Root,
-  Trigger: ({ className, ...props }) => /* @__PURE__ */ jsx37(Headless36.Trigger, { className: cx(popover.trigger, className), ...props }),
-  Positioner: ({ className, ...props }) => /* @__PURE__ */ jsx37(Headless36.Positioner, { className: cx(popover.positioner, className), ...props }),
-  Content: ({ className, ...props }) => /* @__PURE__ */ jsx37(Headless36.Content, { className: cx(popover.content, className), ...props }),
-  CloseTrigger: ({ className, ...props }) => /* @__PURE__ */ jsx37(Headless36.CloseTrigger, { className: cx(popover.closeTrigger, className), ...props })
+  Root: Headless40.Root,
+  Trigger: ({ className, ...props }) => /* @__PURE__ */ jsx41(Headless40.Trigger, { className: cx(popover.trigger, className), ...props }),
+  Positioner: ({ className, ...props }) => /* @__PURE__ */ jsx41(Headless40.Positioner, { className: cx(popover.positioner, className), ...props }),
+  Content: ({ className, ...props }) => /* @__PURE__ */ jsx41(Headless40.Content, { className: cx(popover.content, className), ...props }),
+  CloseTrigger: ({ className, ...props }) => /* @__PURE__ */ jsx41(Headless40.CloseTrigger, { className: cx(popover.closeTrigger, className), ...props })
 };
 
 // src/tooltip.tsx
-import { Tooltip as Headless37 } from "@aeon-ui/react";
+import { Tooltip as Headless41 } from "@aeon-ui/react";
 import { aeonTooltip } from "@aeon-ui/panda/styled-system/recipes";
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 var tooltip = aeonTooltip();
 var Tooltip = {
-  Root: Headless37.Root,
-  Trigger: ({ className, ...props }) => /* @__PURE__ */ jsx38(Headless37.Trigger, { className: cx(tooltip.trigger, className), ...props }),
-  Positioner: ({ className, ...props }) => /* @__PURE__ */ jsx38(Headless37.Positioner, { className: cx(tooltip.positioner, className), ...props }),
-  Content: ({ className, ...props }) => /* @__PURE__ */ jsx38(Headless37.Content, { className: cx(tooltip.content, className), ...props })
+  Root: Headless41.Root,
+  Trigger: ({ className, ...props }) => /* @__PURE__ */ jsx42(Headless41.Trigger, { className: cx(tooltip.trigger, className), ...props }),
+  Positioner: ({ className, ...props }) => /* @__PURE__ */ jsx42(Headless41.Positioner, { className: cx(tooltip.positioner, className), ...props }),
+  Content: ({ className, ...props }) => /* @__PURE__ */ jsx42(Headless41.Content, { className: cx(tooltip.content, className), ...props })
 };
 
 // src/toast.tsx
-import { Toast as Headless38, useToast } from "@aeon-ui/react";
+import { Toast as Headless42, useToast } from "@aeon-ui/react";
 import { aeonToast } from "@aeon-ui/panda/styled-system/recipes";
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 var toast = aeonToast();
 var Toast = {
-  Provider: Headless38.Provider,
+  Provider: Headless42.Provider,
   Viewport: ({
     className,
     placement = "bottom-end",
     ...props
-  }) => /* @__PURE__ */ jsx39(
-    Headless38.Viewport,
+  }) => /* @__PURE__ */ jsx43(
+    Headless42.Viewport,
     {
       className: cx(toast.viewport, className),
       placement,
       ...props
     }
   ),
-  Root: ({ className, ...props }) => /* @__PURE__ */ jsx39(Headless38.Root, { className: cx(toast.root, className), ...props }),
-  Title: ({ className, ...props }) => /* @__PURE__ */ jsx39(Headless38.Title, { className: cx(toast.title, className), ...props }),
-  Description: ({ className, ...props }) => /* @__PURE__ */ jsx39(Headless38.Description, { className: cx(toast.description, className), ...props }),
-  CloseTrigger: ({ className, ...props }) => /* @__PURE__ */ jsx39(Headless38.CloseTrigger, { className: cx(toast.closeTrigger, className), ...props }),
-  Show: Headless38.Show
+  Root: ({ className, ...props }) => /* @__PURE__ */ jsx43(Headless42.Root, { className: cx(toast.root, className), ...props }),
+  Title: ({ className, ...props }) => /* @__PURE__ */ jsx43(Headless42.Title, { className: cx(toast.title, className), ...props }),
+  Description: ({ className, ...props }) => /* @__PURE__ */ jsx43(Headless42.Description, { className: cx(toast.description, className), ...props }),
+  CloseTrigger: ({ className, ...props }) => /* @__PURE__ */ jsx43(Headless42.CloseTrigger, { className: cx(toast.closeTrigger, className), ...props }),
+  Show: Headless42.Show
 };
 
 // src/theme-switcher.tsx
-import { ThemeSwitcher as Headless39 } from "@aeon-ui/react";
+import { ThemeSwitcher as Headless43 } from "@aeon-ui/react";
 import { aeonThemeSwitcher } from "@aeon-ui/panda/styled-system/recipes";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 var ThemeSwitcher = {
   Root: ({ className, size, ...props }) => {
     const styles6 = aeonThemeSwitcher({ size });
-    return /* @__PURE__ */ jsx40(Headless39.Root, { className: cx(styles6.root, className), ...props });
+    return /* @__PURE__ */ jsx44(Headless43.Root, { className: cx(styles6.root, className), ...props });
   },
   Modes: ({ className, ...props }) => {
     const styles6 = aeonThemeSwitcher({});
-    return /* @__PURE__ */ jsx40(Headless39.Modes, { className: cx(styles6.modes, className), ...props });
+    return /* @__PURE__ */ jsx44(Headless43.Modes, { className: cx(styles6.modes, className), ...props });
   },
   ModeBtn: ({ className, ...props }) => {
     const styles6 = aeonThemeSwitcher({});
-    return /* @__PURE__ */ jsx40(Headless39.ModeBtn, { className: cx(styles6.modeBtn, className), ...props });
+    return /* @__PURE__ */ jsx44(Headless43.ModeBtn, { className: cx(styles6.modeBtn, className), ...props });
   },
   ThemeSelect: ({ className, ...props }) => {
     const styles6 = aeonThemeSwitcher({});
-    return /* @__PURE__ */ jsx40(Headless39.ThemeSelect, { className: cx(styles6.themeSelect, className), ...props });
+    return /* @__PURE__ */ jsx44(Headless43.ThemeSelect, { className: cx(styles6.themeSelect, className), ...props });
   },
   ThemeTrigger: ({ className, ...props }) => {
     const styles6 = aeonThemeSwitcher({});
-    return /* @__PURE__ */ jsx40(Headless39.ThemeTrigger, { className: cx(styles6.themeTrigger, className), ...props });
+    return /* @__PURE__ */ jsx44(Headless43.ThemeTrigger, { className: cx(styles6.themeTrigger, className), ...props });
   }
 };
 export {
@@ -1062,6 +1125,7 @@ export {
   Bar,
   Button,
   Checkbox,
+  Clipboard2 as Clipboard,
   Combobox,
   Composer,
   Content,
@@ -1081,9 +1145,11 @@ export {
   ProfileHeader,
   Progress,
   Prompt,
+  Prose2 as Prose,
   RadioGroup,
   RangeSlider,
   Scroll,
+  SegmentGroup2 as SegmentGroup,
   Select,
   Separator,
   Slider,
@@ -1091,6 +1157,7 @@ export {
   StickyBar,
   Switch,
   Tabs,
+  Textarea2 as Textarea,
   ThemeSwitcher,
   Thread,
   Toast,