@algolia/satellite 1.8.0 → 1.10.0

package/dist/cjs/Fields/DatePicker/DateRangePicker/DateRangePickerDisplay.d.ts

@@ -1,13 +1,12 @@
-import type { VFC } from "react";
+/// <reference types="react" />
 import type { WithRequiredProperty } from "../../../types";
 import { type DatePickerDisplayProps } from "../components/Display";
 import type { DatePickerLocale } from "../types";
 import type { DateRangePickerTimeRange } from "./dateRangePickerTimeRange";
 export interface DateRangePickerDisplayProps {
     id?: string;
-    onClick: DatePickerDisplayProps["onClick"];
     range: DateRangePickerTimeRange;
     buttonSize?: DatePickerDisplayProps["size"];
     locale: WithRequiredProperty<DatePickerLocale, "openButton">;
 }
-export declare const DateRangePickerDisplay: VFC<DateRangePickerDisplayProps>;
+export declare const DateRangePickerDisplay: import("react").ForwardRefExoticComponent<DateRangePickerDisplayProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/cjs/Fields/DatePicker/DateRangePicker/DateRangePickerDisplay.js

@@ -5,23 +5,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DateRangePickerDisplay = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = require("react");
 var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
 var _Display = require("../components/Display");
 var _utils = require("../utils");
 var _dateRangePickerTimeRange = require("./dateRangePickerTimeRange");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
-var DateRangePickerDisplay = exports.DateRangePickerDisplay = function DateRangePickerDisplay(_ref) {
+var _excluded = ["id", "range", "buttonSize", "locale"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var DateRangePickerDisplay = exports.DateRangePickerDisplay = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var id = _ref.id,
-    onClick = _ref.onClick,
     range = _ref.range,
     buttonSize = _ref.buttonSize,
-    locale = _ref.locale;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Display.DatePickerDisplay, {
+    locale = _ref.locale,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Display.DatePickerDisplay, _objectSpread(_objectSpread({}, props), {}, {
     id: id,
-    onClick: onClick,
     size: buttonSize,
+    ref: ref,
     children: (0, _dateRangePickerTimeRange.isCompleteTimeRange)(range) ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("time", {
         dateTime: range.start.toISOString(),
@@ -33,5 +39,6 @@ var DateRangePickerDisplay = exports.DateRangePickerDisplay = function DateRange
         children: (0, _utils.formatDate)(range.end)
       })]
     }) : locale.openButton
-  });
-};
+  }));
+});
+DateRangePickerDisplay.displayName = "DateRangePickerDisplay";

package/dist/cjs/Fields/DatePicker/components/Display.d.ts

@@ -2,7 +2,6 @@ import type { ReactNode } from "react";
 import type { ButtonProps, ButtonSize } from "../../../Actions";
 export interface DatePickerDisplayProps extends ButtonProps {
     id?: string;
-    onClick: ButtonProps["onClick"];
     children: ReactNode;
     size?: ButtonSize;
 }

package/dist/cjs/Fields/DatePicker/components/Display.js

@@ -11,20 +11,18 @@ var _react = require("react");
 var _Actions = require("../../../Actions");
 var _Icons = require("../../../Icons");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["id", "size", "onClick", "children"];
+var _excluded = ["id", "size", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DatePickerDisplay = exports.DatePickerDisplay = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var id = _ref.id,
     size = _ref.size,
-    onClick = _ref.onClick,
     children = _ref.children,
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Actions.Button, _objectSpread(_objectSpread({
     id: id,
     size: size,
     startIcon: _Icons.CalendarIcon,
-    onClick: onClick,
     ref: ref
   }, props), {}, {
     children: children

package/dist/cjs/Fields/DatePicker/components/FooterActions.d.ts

@@ -1,4 +1,4 @@
-import type { VFC } from "react";
+/// <reference types="react" />
 import type { ButtonProps } from "../../../Actions";
 import type { WithRequiredProperty } from "../../../types";
 import type { DatePickerLocale } from "../types";
@@ -8,4 +8,4 @@ export interface DatePickerFooterActionsProps {
     disableApply: boolean;
     locale: WithRequiredProperty<DatePickerLocale, "cancel" | "apply">;
 }
-export declare const DatePickerFooterActions: VFC<DatePickerFooterActionsProps>;
+export declare const DatePickerFooterActions: import("react").ForwardRefExoticComponent<DatePickerFooterActionsProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/cjs/Fields/DatePicker/components/FooterActions.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DatePickerFooterActions = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = require("react");
 var _Actions = require("../../../Actions");
 var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2;
-var DatePickerFooterActions = exports.DatePickerFooterActions = function DatePickerFooterActions(_ref) {
+var DatePickerFooterActions = exports.DatePickerFooterActions = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var onCancel = _ref.onCancel,
     onApply = _ref.onApply,
     disableApply = _ref.disableApply,
@@ -20,6 +21,7 @@ var DatePickerFooterActions = exports.DatePickerFooterActions = function DatePic
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Actions.Button, {
       onClick: onCancel,
       className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["mr-2"]))),
+      ref: ref,
       children: locale.cancel
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Actions.Button, {
       disabled: disableApply,
@@ -28,4 +30,5 @@ var DatePickerFooterActions = exports.DatePickerFooterActions = function DatePic
       children: locale.apply
     })]
   });
-};
+});
+DatePickerFooterActions.displayName = "AccordionItem";

package/dist/cjs/Fields/DatePicker/components/Popover.d.ts

@@ -0,0 +1,13 @@
+import * as Popover from "@radix-ui/react-popover";
+import type { FC, ReactNode } from "react";
+export interface DatePickerPopoverProps {
+    isOpen: boolean;
+    onOpenChange: (open: boolean) => void;
+    trigger: ReactNode;
+    children: ReactNode;
+    placement?: Popover.PopoverContentProps["side"] | `${Popover.PopoverContentProps["side"] & string}-${Popover.PopoverContentProps["align"] & string}`;
+    onOpenAutoFocus?: (event: Event) => void;
+    title?: string;
+    className?: string;
+}
+export declare const DatePickerPopover: FC<DatePickerPopoverProps>;

package/dist/cjs/Fields/DatePicker/components/Popover.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DatePickerPopover = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var Popover = _interopRequireWildcard(require("@radix-ui/react-popover"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _Satellite = require("../../../Satellite");
+var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var DatePickerPopover = exports.DatePickerPopover = function DatePickerPopover(_ref) {
+  var isOpen = _ref.isOpen,
+    onOpenChange = _ref.onOpenChange,
+    trigger = _ref.trigger,
+    children = _ref.children,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? "bottom-start" : _ref$placement,
+    onOpenAutoFocus = _ref.onOpenAutoFocus,
+    title = _ref.title,
+    className = _ref.className;
+  var createPortal = (0, _Satellite.useCreatePortal)();
+  var _ref2 = placement.split("-"),
+    _ref3 = (0, _slicedToArray2["default"])(_ref2, 2),
+    side = _ref3[0],
+    align = _ref3[1];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Popover.Root, {
+    open: isOpen,
+    onOpenChange: onOpenChange,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Popover.Trigger, {
+      asChild: true,
+      children: trigger
+    }), createPortal( /*#__PURE__*/(0, _jsxRuntime.jsx)(Popover.Content, {
+      side: side,
+      sideOffset: 16,
+      align: align,
+      collisionPadding: 16,
+      className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex bg-white shadow-z400 z-popover relative overflow-auto max-w-[var(--radix-popover-content-available-width)] max-h-[var(--radix-popover-content-available-height)]"]))), className),
+      onOpenAutoFocus: onOpenAutoFocus,
+      "aria-label": title,
+      children: children
+    }))]
+  });
+};

package/dist/cjs/Fields/DatePicker/components/index.d.ts

@@ -3,5 +3,5 @@ export { DatePickerCalendar } from "./Calendar";
 export * from "./Display";
 export * from "./Footer";
 export * from "./FooterActions";
-export * from "./Modal";
+export * from "./Popover";
 export * from "./SidePanel";

package/dist/cjs/Fields/DatePicker/components/index.js

@@ -49,15 +49,15 @@ Object.keys(_FooterActions).forEach(function (key) {
     }
   });
 });
-var _Modal = require("./Modal");
-Object.keys(_Modal).forEach(function (key) {
+var _Popover = require("./Popover");
+Object.keys(_Popover).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Modal[key]) return;
+  if (key in exports && exports[key] === _Popover[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _Modal[key];
+      return _Popover[key];
     }
   });
 });

package/dist/cjs/Fields/DatePicker/types.d.ts

@@ -1,5 +1,5 @@
 import type { Locale as DateFnsLocale } from "date-fns";
-import type { DatePickerModalProps } from "./components/Modal";
+import type { DatePickerPopoverProps } from "./components";
 export declare type DatePickerLocale = {
     /** The date-fns locale object used to localize dates. Defaults to* `en-US`. */
     formatter?: DateFnsLocale;
@@ -14,9 +14,10 @@ export declare type DatePickerLocale = {
     apply?: string;
     nextMonth?: string;
     previousMonth?: string;
+    title?: string;
 };
 export declare type SharedDatePickerProps = {
-    modalPlacement?: DatePickerModalProps["placement"];
+    modalPlacement?: DatePickerPopoverProps["placement"];
     locale?: DatePickerLocale;
 } & ({
     editableYear?: false;

package/dist/cjs/Fields/DatePicker/utils.js

@@ -15,5 +15,6 @@ var DEFAULT_DATE_PICKER_LOCALE = exports.DEFAULT_DATE_PICKER_LOCALE = {
   cancel: "Cancel",
   openButton: "Enter a date...",
   previousMonth: "Previous month",
-  nextMonth: "Next month"
+  nextMonth: "Next month",
+  title: "Date Picker"
 };

package/dist/cjs/Helpers/ClickAwayContainer/ClickAwayContainer.d.ts

@@ -22,6 +22,9 @@ export interface ClickAwayContainerProps {
  * Most libraries handling "click outside" functionality assume that the dom tree matches the React tree,
  * but it's not the case when using portals.
  * This component allows click-away functionality even when portals are involved.
+ *
+ * @deprecated This component is deprecated and will be removed in a future version.
+ * Please use the Popover component, which provides built-in click-away behavior and is more accessible.
  */
 export declare const ClickAwayContainer: VFC<ClickAwayContainerProps>;
 export {};

package/dist/cjs/Helpers/ClickAwayContainer/ClickAwayContainer.js

@@ -23,6 +23,9 @@ var AWAY_EVENTS = ["mousedown", "touchstart", "focusin"];
  * Most libraries handling "click outside" functionality assume that the dom tree matches the React tree,
  * but it's not the case when using portals.
  * This component allows click-away functionality even when portals are involved.
+ *
+ * @deprecated This component is deprecated and will be removed in a future version.
+ * Please use the Popover component, which provides built-in click-away behavior and is more accessible.
  */
 var ClickAwayContainer = exports.ClickAwayContainer = function ClickAwayContainer(_ref) {
   var element = _ref.element,

package/dist/cjs/Helpers/Separator/Separator.js

@@ -28,14 +28,11 @@ var Separator = exports.Separator = function Separator(_ref) {
     _ref$orientation = _ref.orientation,
     orientation = _ref$orientation === void 0 ? "horizontal" : _ref$orientation;
   var interactiveProps = interactive ? {
-    decorative: false,
     tabIndex: 0,
     "aria-valuemax": 100,
     "aria-valuemin": 0,
     "aria-valuenow": 50
-  } : {
-    decorative: true
-  };
+  } : {};
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(RadixSeparator.Root, _objectSpread({
     className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["separator"]))), className, interactive && (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["interactive"])))),
     orientation: orientation

package/dist/cjs/Icons/index.d.ts

@@ -17,4 +17,4 @@ export { QueryBreakdownIcon } from "./QueryBreakdownIcon";
 export { BulbIcon } from "./BulbIcon";
 export { TestingIcon } from "./TestingIcon";
 export { RocketIcon } from "./RocketIcon";
-export { ActivityIcon, AirplayIcon, AlertCircleIcon, AlertOctagonIcon, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnchorIcon, ApertureIcon, ArchiveIcon, ArrowDownCircleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftCircleIcon, ArrowLeftIcon, ArrowRightCircleIcon, ArrowRightIcon, ArrowUpCircleIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AwardIcon, BanIcon, BarChart2Icon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BookOpenIcon, BoxIcon, BriefcaseIcon, CalendarIcon, CameraIcon, CameraOffIcon, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChevronUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, CodeIcon, CodepenIcon, CodesandboxIcon, CoffeeIcon, ColumnsIcon, CommandIcon, CompassIcon, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, DatabaseIcon, DeleteIcon, DiscIcon, DivideCircleIcon, DivideIcon, DivideSquareIcon, DollarSignIcon, DownloadCloudIcon, DownloadIcon, DribbbleIcon, DropletIcon, Edit2Icon, Edit3Icon, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileSearchIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FlaskConicalIcon, FolderIcon, FolderMinusIcon, FolderPlusIcon, FramerIcon, FrownIcon, GiftIcon, GitBranchIcon, GitCommitIcon, GithubIcon, GitlabIcon, GitMergeIcon, GitPullRequestIcon, GlobeIcon, HardDriveIcon, HashIcon, HeadphonesIcon, HeartIcon, HelpCircleIcon, HexagonIcon, HomeIcon, ImageIcon, ImageOffIcon, InboxIcon, InfoIcon, InstagramIcon, ItalicIcon, KeyIcon, Landmark, LayersIcon, LayoutGridIcon, LayoutIcon, LifeBuoyIcon, Link2Icon, LinkedinIcon, LinkIcon, ListIcon, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapIcon, MapPinIcon, Maximize2Icon, MaximizeIcon, MehIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, Minimize2Icon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MousePointerIcon, MoveIcon, MusicIcon, Navigation2Icon, NavigationIcon, OctagonIcon, PackageIcon, PaperclipIcon, PauseCircleIcon, PauseIcon, PenToolIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, RadioIcon, RefreshCcwIcon, RefreshCwIcon, RepeatIcon, RewindIcon, RotateCcwIcon, RotateCwIcon, RssIcon, SaveIcon, ScissorsIcon, SearchIcon, SearchXIcon, SendIcon, ServerCogIcon, ServerCrashIcon, ServerIcon, SettingsIcon, Share2Icon, ShareIcon, ShieldIcon, ShieldOffIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SlackIcon, SlidersIcon, SmartphoneIcon, SmileIcon, SpeakerIcon, SquareIcon, StarIcon, StopCircleIcon, SunIcon, SunriseIcon, SunsetIcon, TableIcon, TabletIcon, TagIcon, TargetIcon, TerminalIcon, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToggleLeftIcon, ToggleRightIcon, Trash2Icon, TrashIcon, TrelloIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TruckIcon, TvIcon, TwitchIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UsersIcon, UserXIcon, VideoIcon, VideoOffIcon, VoicemailIcon, Volume1Icon, Volume2Icon, VolumeIcon, VolumeXIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, WrenchIcon, XCircleIcon, XIcon, XOctagonIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZapOffIcon, ZoomInIcon, ZoomOutIcon, } from "lucide-react";
+export { ActivityIcon, AirplayIcon, AlertCircleIcon, AlertOctagonIcon, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnchorIcon, ApertureIcon, ArchiveIcon, ArrowDownCircleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftCircleIcon, ArrowLeftIcon, ArrowRightCircleIcon, ArrowRightIcon, ArrowUpCircleIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AwardIcon, BanIcon, BarChart2Icon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BookOpenIcon, BoxIcon, BriefcaseIcon, CalendarIcon, CameraIcon, CameraOffIcon, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChevronUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, CodeIcon, CodepenIcon, CodesandboxIcon, CoffeeIcon, ColumnsIcon, CommandIcon, CompassIcon, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, DatabaseIcon, DeleteIcon, DiscIcon, DivideCircleIcon, DivideIcon, DivideSquareIcon, DollarSignIcon, DownloadCloudIcon, DownloadIcon, DribbbleIcon, DropletIcon, Edit2Icon, Edit3Icon, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileSearchIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FlaskConicalIcon, FolderIcon, FolderMinusIcon, FolderPlusIcon, FramerIcon, FrownIcon, GiftIcon, GitBranchIcon, GitCommitIcon, GithubIcon, GitlabIcon, GitMergeIcon, GitPullRequestIcon, GlobeIcon, HardDriveIcon, HashIcon, HeadphonesIcon, HeartIcon, HelpCircleIcon, HexagonIcon, HomeIcon, ImageIcon, ImageOffIcon, InboxIcon, InfoIcon, InstagramIcon, ItalicIcon, KeyIcon, Landmark, LayersIcon, LayoutGridIcon, LayoutIcon, LifeBuoyIcon, Link2Icon, LinkedinIcon, LinkIcon, ListIcon, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapIcon, MapPinIcon, Maximize2Icon, MaximizeIcon, MehIcon, MenuIcon, MergeIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, Minimize2Icon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MousePointerIcon, MoveIcon, MusicIcon, Navigation2Icon, NavigationIcon, OctagonIcon, PackageIcon, PaperclipIcon, PauseCircleIcon, PauseIcon, PenToolIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, RadioIcon, RefreshCcwIcon, RefreshCwIcon, RepeatIcon, RewindIcon, RotateCcwIcon, RotateCwIcon, RssIcon, SaveIcon, ScissorsIcon, SearchIcon, SearchXIcon, SendIcon, ServerCogIcon, ServerCrashIcon, ServerIcon, SettingsIcon, Share2Icon, ShareIcon, ShieldIcon, ShieldOffIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SlackIcon, SlidersIcon, SmartphoneIcon, SmileIcon, SpeakerIcon, SquareIcon, StarIcon, StopCircleIcon, SunIcon, SunriseIcon, SunsetIcon, TableIcon, TabletIcon, TagIcon, TargetIcon, TerminalIcon, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToggleLeftIcon, ToggleRightIcon, Trash2Icon, TrashIcon, TrelloIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TruckIcon, TvIcon, TwitchIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UsersIcon, UserXIcon, VideoIcon, VideoOffIcon, VoicemailIcon, Volume1Icon, Volume2Icon, VolumeIcon, VolumeXIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, WrenchIcon, XCircleIcon, XIcon, XOctagonIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZapOffIcon, ZoomInIcon, ZoomOutIcon, } from "lucide-react";

package/dist/cjs/Icons/index.js

@@ -1011,6 +1011,12 @@ Object.defineProperty(exports, "MenuIcon", {
     return _lucideReact.MenuIcon;
   }
 });
+Object.defineProperty(exports, "MergeIcon", {
+  enumerable: true,
+  get: function get() {
+    return _lucideReact.MergeIcon;
+  }
+});
 Object.defineProperty(exports, "MessageCircleIcon", {
   enumerable: true,
   get: function get() {

package/dist/cjs/Layout/Tables/DataTable/DataTable.js

@@ -5,13 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DataTable = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _compact = _interopRequireDefault(require("lodash/compact"));
 var _get = _interopRequireDefault(require("lodash/get"));
-var _react = require("react");
 var _Fields = require("../../../Fields");
 var _Satellite = require("../../../Satellite");
 var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
@@ -83,14 +82,6 @@ var DataTable = exports.DataTable = function DataTable(_ref) {
       console.warn("You can only have one selected item at a time in single `selectMode`.");
     }
   }
-  var _useState = (0, _react.useState)(),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    hoveredRowId = _useState2[0],
-    setHoveredRowId = _useState2[1];
-  (0, _react.useEffect)(function () {
-    // Reset hovered row when data changes to avoid inconsistent state
-    setHoveredRowId(undefined);
-  }, [data]);
   var computedColumns = (0, _compact["default"])([selectMode === "single" && {
     id: "_internal_singleSelect",
     accessor: "_internal_singleSelect",
@@ -107,7 +98,7 @@ var DataTable = exports.DataTable = function DataTable(_ref) {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Fields.RadioButton, {
           defaultChecked: row.selected,
           disabled: !row.selectable,
-          className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["", ""])), row.hovered || row.selected ? "opacity-100" : "opacity-0 select-none")
+          className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["", ""])), !row.selected && "select-none")
         })
       });
     },
@@ -146,7 +137,7 @@ var DataTable = exports.DataTable = function DataTable(_ref) {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Fields.Checkbox, {
           checked: row.selected,
           disabled: !row.selectable,
-          className: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["", ""])), row.hovered || row.selected ? "opacity-100" : "opacity-0 select-none")
+          className: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["", ""])), !row.selected && "select-none")
         })
       });
     },
@@ -165,14 +156,12 @@ var DataTable = exports.DataTable = function DataTable(_ref) {
   var rows = data.map(function (item, index) {
     var _ref4;
     var id = typeof getItemIdInternal === "string" ? String((0, _get["default"])(item, getItemIdInternal, DEFAULT_GET_ITEM_ID(item, index))) : getItemIdInternal(item, index);
-    var hovered = hoveredRowId === id;
     var sanitizedSelection = (_ref4 = selectMode === "single" ? selection === null || selection === void 0 ? void 0 : selection.slice(0, 1) : selectMode === "none" ? [] : selection) !== null && _ref4 !== void 0 ? _ref4 : [];
     var selected = sanitizedSelection.includes(id);
     var selectable = selectMode !== "none" && (!canSelectItem || canSelectItem(item, index));
     return {
       item: item,
       id: id,
-      hovered: hovered,
       selected: selected,
       selectable: selectable
     };
@@ -194,7 +183,6 @@ var DataTable = exports.DataTable = function DataTable(_ref) {
     return false;
   };
   var onRowHoverChange = function onRowHoverChange(row) {
-    setHoveredRowId(row === null || row === void 0 ? void 0 : row.id);
     onRowHoveredChanged === null || onRowHoveredChanged === void 0 || onRowHoveredChanged(row);
   };
   var onToggleSort = function onToggleSort(columnId, direction) {

package/dist/cjs/Layout/Tables/DataTable/types.d.ts

@@ -9,8 +9,6 @@ export interface Row<Item> {
     item: Item;
     /** The row id */
     id: string;
-    /** Is the row hovered? */
-    hovered: boolean;
     /** Is the row selected? */
     selected: boolean;
     /** Can the row be selected? */

package/dist/cjs/Overlay/Modal/Modal.d.ts

@@ -44,7 +44,7 @@ export declare type ModalProps = XOR<ModalControlledProps, ModalUncontrolledProp
      * The element that should receive focus once the `Modal` is opened.
      * If unspecified, the first focusable element will be focused.
      * If an element is passed, it will be focused.
-     * If 'skip' is passed, the close button will be focused if present, with a fallback on the dialog element itself.
+     * If 'skipContent' is passed, the close button will be focused if present, with a fallback on the dialog element itself.
      */
     autoFocusOnOpenElement?: HTMLElement | null | "skipContent";
     children: ReactNode;

package/dist/cjs/Overlay/Modal/Modal.js

@@ -9,6 +9,7 @@ exports.Modal = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var Dialog = _interopRequireWildcard(require("@radix-ui/react-dialog"));
+var _reactVisuallyHidden = require("@radix-ui/react-visually-hidden");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _react = require("react");
 var _Actions = require("../../Actions");
@@ -83,6 +84,7 @@ var Modal = exports.Modal = function Modal(_ref) {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Dialog.Content, {
         ref: dialogContentRef,
         className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["modal-content"]))), SIZE_CLASSNAMES[size], centerY && (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["flex m-auto"])))),
+        "aria-describedby": undefined,
         onOpenAutoFocus: function onOpenAutoFocus(e) {
           var _closeButtonRef$curre;
           if (!autoFocusOnOpenElement) return;
@@ -98,8 +100,6 @@ var Modal = exports.Modal = function Modal(_ref) {
             autoFocusOnCloseElement.focus();
           }
         },
-        "aria-label": !title ? locale.modalTitle : undefined,
-        "aria-describedby": undefined,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["modal-container"]))),
           children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Layout.Card, {
@@ -109,9 +109,14 @@ var Modal = exports.Modal = function Modal(_ref) {
             fullBleed: true,
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("header", {
               className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["min-h-14 flex items-center justify-between space-x-2"]))), title ? (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["border-b border-grey-100 pl-8 pr-16"]))) : (0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["justify-end px-8"]))), !title && hideCloseIcon && (0, _satellitePrefixer["default"])(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["hidden"])))),
-              children: !!title && /*#__PURE__*/(0, _jsxRuntime.jsx)(Dialog.Title, {
-                className: (0, _satellitePrefixer["default"])(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["flex-1 display-heading truncate"]))),
-                children: title
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Dialog.Title, {
+                asChild: true,
+                children: title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                  className: (0, _satellitePrefixer["default"])(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["flex-1 display-heading truncate"]))),
+                  children: title
+                }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactVisuallyHidden.VisuallyHidden, {
+                  children: locale.modalTitle
+                })
               })
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
               className: (0, _clsx["default"])(!fullBleed && (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["p-10"])))),

package/dist/cjs/Overlay/Popover/Popover.js

@@ -19,7 +19,7 @@ var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/sa
 var _utils = require("../../utils");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-var _excluded = ["children", "title", "subtitle", "content", "footer", "open", "onDismiss", "side", "sideOffset", "align", "alignOffset", "noArrow", "avoidCollisions", "autoFocusOnOpenElement", "locale"];
+var _excluded = ["children", "title", "subtitle", "content", "footer", "open", "onDismiss", "side", "sideOffset", "align", "alignOffset", "noArrow", "noCloseButton", "avoidCollisions", "autoFocusOnOpenElement", "locale"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -52,6 +52,8 @@ var Popover = exports.Popover = function Popover(_ref) {
     alignOffset = _ref$alignOffset === void 0 ? 0 : _ref$alignOffset,
     _ref$noArrow = _ref.noArrow,
     noArrow = _ref$noArrow === void 0 ? false : _ref$noArrow,
+    _ref$noCloseButton = _ref.noCloseButton,
+    noCloseButton = _ref$noCloseButton === void 0 ? false : _ref$noCloseButton,
     _ref$avoidCollisions = _ref.avoidCollisions,
     avoidCollisions = _ref$avoidCollisions === void 0 ? true : _ref$avoidCollisions,
     autoFocusOnOpenElement = _ref.autoFocusOnOpenElement,
@@ -64,6 +66,7 @@ var Popover = exports.Popover = function Popover(_ref) {
   }, []);
   var isControlled = typeof open !== "undefined";
   var triggerRef = (0, _react.useRef)(null);
+  var closeButtonRef = (0, _react.useRef)(null);
   var createPortal = (0, _Satellite.useCreatePortal)();
   if (children.type === _react.Fragment) {
     throw new Error("Popover component doesn't accept a Fragment as a child.");
@@ -80,16 +83,21 @@ var Popover = exports.Popover = function Popover(_ref) {
       asChild: true,
       children: children
     }), createPortal( /*#__PURE__*/(0, _jsxRuntime.jsxs)(PopoverPrimitive.Content, _objectSpread(_objectSpread({}, props), {}, {
-      "aria-labelledby": titleId,
+      "aria-labelledby": title ? titleId : undefined,
       className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["text-grey-900 bg-white z-popover shadow-z200 min-w-48 max-w-128 rounded typo-display-body animate-slide"]))), props.className),
       side: side,
       sideOffset: 8 + sideOffset,
       align: align,
       alignOffset: alignOffset,
       avoidCollisions: avoidCollisions,
+      collisionPadding: 16,
       onOpenAutoFocus: function onOpenAutoFocus(e) {
         if (autoFocusOnOpenElement === false) {
           e.preventDefault();
+        } else if (autoFocusOnOpenElement === "skipContent") {
+          var _closeButtonRef$curre;
+          e.preventDefault();
+          (_closeButtonRef$curre = closeButtonRef.current) === null || _closeButtonRef$curre === void 0 || _closeButtonRef$curre.focus();
         } else if (autoFocusOnOpenElement instanceof HTMLElement) {
           e.preventDefault();
           autoFocusOnOpenElement.focus();
@@ -108,8 +116,8 @@ var Popover = exports.Popover = function Popover(_ref) {
         }
       },
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["relative p-4 flex flex-col gap-2 overflow-auto min-h-20 max-h-[calc(var(--radix-popover-content-available-height)-theme(spacing.4))]"]))),
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["relative p-4 flex flex-col gap-2 overflow-auto min-h-20 max-w-[var(--radix-popover-content-available-width)] max-h-[var(--radix-popover-content-available-height)]"]))),
+        children: [!!title && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           id: titleId,
           className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["font-semibold pr-8"]))),
           children: title
@@ -122,7 +130,8 @@ var Popover = exports.Popover = function Popover(_ref) {
         }), !!footer && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["mt-2"]))),
           children: footer
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(PopoverPrimitive.Close, {
+        }), !noCloseButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(PopoverPrimitive.Close, {
+          ref: closeButtonRef,
           className: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["absolute top-2 right-2"]))),
           asChild: true,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Actions.IconButton, {

package/dist/cjs/Overlay/Popover/types.d.ts

@@ -3,16 +3,12 @@ import type { HTMLAttributes, ReactElement, ReactNode } from "react";
 export declare type PopoverLocale = {
     dismissText?: string;
 };
-export interface PopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, "title" | "content"> {
+interface PopoverPropsBase extends Omit<HTMLAttributes<HTMLDivElement>, "title" | "content" | "aria-label"> {
     /**
      * Defines the trigger element of the `Popover`.
      * It should be a button element.
      */
     children: ReactElement;
-    /**
-     * Defines the title of the `Popover`.
-     */
-    title: ReactNode;
     /**
      * Defines the subtitle of the `Popover`.
      */
@@ -57,18 +53,46 @@ export interface PopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, "titl
      * Defines whether the `Popover` arrow should be hidden.
      */
     noArrow?: boolean;
+    /**
+     * Defines whether the `Popover` close button should be hidden.
+     */
+    noCloseButton?: boolean;
     /**
      * Defines whether the `Popover` should avoid collisions with the viewport.
      */
     avoidCollisions?: boolean;
     /**
      * The element that should receive focus once the `Popover` is opened.
-     * If `undefined` or `null` is passed, the first focusable element will be focused.
-     * If `false`, no element will be focused.
+     * If unspecified, the first focusable element will be focused.
+     * If an element is passed, it will be focused.
+     * If `false`, no element will be focused automatically for you. You should manage focus yourself.
+     * If 'skipContent' is passed, the close button will be focused.
      */
-    autoFocusOnOpenElement?: HTMLElement | null | false;
+    autoFocusOnOpenElement?: HTMLElement | null | false | "skipContent";
     /**
      * Defines the locale of the `Popover`.
      */
     locale?: PopoverLocale;
 }
+declare type PopoverPropsWithTitle = {
+    /**
+     * Defines the title of the `Popover`.
+     */
+    title: ReactNode;
+    /**
+     * Defines the aria-label of the `Popover`.
+     */
+    "aria-label"?: string;
+} & PopoverPropsBase;
+declare type PopoverPropsWithAriaLabel = {
+    /**
+     * Defines the title of the `Popover`.
+     */
+    title?: undefined;
+    /**
+     * Defines the aria-label of the `Popover`.
+     */
+    "aria-label": string;
+} & PopoverPropsBase;
+export declare type PopoverProps = PopoverPropsWithTitle | PopoverPropsWithAriaLabel;
+export {};

package/dist/esm/Actions/index.d.ts

@@ -1,5 +1,4 @@
-export type { AccordionProps as ExperimentalAccordionProps, AccordionContentProps as ExperimentalAccordionContentProps, AccordionHeaderProps as ExperimentalAccordionHeaderProps, AccordionItemProps as ExperimentalAccordionItemProps, } from "./Accordion/Accordion";
-export { Accordion as ExperimentalAccordion } from "./Accordion/Accordion";
+export * from "./Accordion/Accordion";
 export * from "./Button/Button";
 export * from "./ButtonGroup/ButtonGroup";
 export * from "./ButtonLink/ButtonLink";