@algolia/satellite 2.0.0 → 2.1.0

package/dist/esm/Indicators/Toast/Toast.js

@@ -7,13 +7,13 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 import * as ToastPrimitive from "@radix-ui/react-toast";
 import cx from "clsx";
-import { IconButton } from "../../Actions";
-import { CheckIcon, XIcon } from "../../Icons";
-import { Card } from "../../Layout";
-import { useLocale } from "../../Satellite";
-import stl from "../../styles/helpers/satellitePrefixer";
-import { isRenderedChild } from "../../utils/isRenderedChild";
-import { ProgressSpinner } from "../ProgressSpinner";
+import { IconButton } from "./../../Actions";
+import { CheckIcon, XIcon } from "./../../Icons";
+import { ProgressSpinner } from "./../ProgressSpinner";
+import { Card } from "./../../Layout";
+import { useLocale } from "./../../Satellite";
+import stl from "./../../styles/helpers/satellitePrefixer";
+import { isRenderedChild } from "./../../utils/isRenderedChild";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var DEFAULT_TOAST_LOCALE = {
   dismissText: "Dismiss"

package/dist/esm/Indicators/Toast/Toasts.d.ts

@@ -15,6 +15,6 @@ export interface ToastsProps {
 /**
  * Toasts are brief notifications that providing timely feedback to users before vanishing after a short duration.
  *
- * See the [Toast documentation page](https://satellite.algolia.com/components/feedback/toast) for more information.
+ * See the [Toast documentation page](https://satellite.algolia.com/8261d6576/p/9039aa-toast) for more information.
  */
 export declare const Toasts: FC<ToastsProps>;

package/dist/esm/Indicators/Toast/Toasts.js

@@ -7,10 +7,10 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 import * as ToastPrimitive from "@radix-ui/react-toast";
 import { CSSTransition, TransitionGroup } from "react-transition-group";
-import { useCreatePortal, useLocale } from "../../Satellite";
-import stl from "../../styles/helpers/satellitePrefixer";
-import { prefersReducedMotion } from "../../utils/prefersReducedMotion";
 import { Toast } from "./Toast";
+import { useCreatePortal, useLocale } from "./../../Satellite";
+import stl from "./../../styles/helpers/satellitePrefixer";
+import { prefersReducedMotion } from "./../../utils/prefersReducedMotion";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var DEFAULT_TOASTS_LOCALE = {
   hotkeyLabel: "Notifications"
@@ -20,7 +20,7 @@ var TRANSITION_TIMEOUT = 500;
 /**
  * Toasts are brief notifications that providing timely feedback to users before vanishing after a short duration.
  *
- * See the [Toast documentation page](https://satellite.algolia.com/components/feedback/toast) for more information.
+ * See the [Toast documentation page](https://satellite.algolia.com/8261d6576/p/9039aa-toast) for more information.
  */
 export var Toasts = function Toasts(_ref) {
   var _ref$notifications = _ref.notifications,

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

@@ -1,11 +1,14 @@
 export * from "./AnnouncementBadge";
+export * from "./Avatars";
 export * from "./Badge";
 export * from "./Banners";
 export * from "./EmptyState";
 export * from "./KeyboardKey";
+export * from "./Medallion";
 export * from "./ProgressBar";
 export * from "./ProgressSpinner";
 export * from "./ScrollIndicator";
+export * from "./Separator";
+export * from "./Skeleton";
 export * from "./Tag";
 export * from "./Toast";
-export * from "./Skeleton";

package/dist/esm/Indicators/index.js

@@ -1,11 +1,14 @@
 export * from "./AnnouncementBadge";
+export * from "./Avatars";
 export * from "./Badge";
 export * from "./Banners";
 export * from "./EmptyState";
 export * from "./KeyboardKey";
+export * from "./Medallion";
 export * from "./ProgressBar";
 export * from "./ProgressSpinner";
 export * from "./ScrollIndicator";
+export * from "./Separator";
+export * from "./Skeleton";
 export * from "./Tag";
-export * from "./Toast";
-export * from "./Skeleton";
+export * from "./Toast";

package/dist/esm/Layout/Card/Card.d.ts

@@ -36,7 +36,7 @@ export interface CardType extends ForwardRefExoticComponent<PropsWithoutRef<Card
 /**
  * The `Card` component is a useful for containing content within a page.
  *
- * See the [Card documentation page](https://satellite.algolia.com/layouts/card) for more information.
+ * See the [Card documentation page](https://satellite.algolia.com/8261d6576/p/639cc5-card) for more information.
  */
 export declare const Card: CardType;
 export {};

package/dist/esm/Layout/Card/Card.js

@@ -7,9 +7,9 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 import cx from "clsx";
 import { createElement, forwardRef } from "react";
-import stl from "../../styles/helpers/satellitePrefixer";
 import { CardHeader } from "./components/CardHeader";
 import { CardTitle } from "./components/CardTitle";
+import stl from "./../../styles/helpers/satellitePrefixer";
 var ELEVATION_CLASSNAMES = {
   "100": stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["card-z100"]))),
   "200": stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["card-z200"]))),
@@ -20,7 +20,7 @@ var ELEVATION_CLASSNAMES = {
 /**
  * The `Card` component is a useful for containing content within a page.
  *
- * See the [Card documentation page](https://satellite.algolia.com/layouts/card) for more information.
+ * See the [Card documentation page](https://satellite.algolia.com/8261d6576/p/639cc5-card) for more information.
  */
 export var Card = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,

package/dist/esm/Layout/Card/components/CardHeader.js

@@ -6,7 +6,7 @@ var _excluded = ["className", "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) { _defineProperty(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; }
 import cx from "clsx";
-import stl from "../../../styles/helpers/satellitePrefixer";
+import stl from "./../../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var CardHeader = function CardHeader(_ref) {
   var className = _ref.className,

package/dist/esm/Layout/Card/components/CardTitle.js

@@ -6,7 +6,7 @@ var _excluded = ["className", "children", "as"];
 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) { _defineProperty(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; }
 import cx from "clsx";
-import stl from "../../../styles/helpers/satellitePrefixer";
+import stl from "./../../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var CardTitle = function CardTitle(_ref) {
   var className = _ref.className,

package/dist/esm/Layout/CollapsibleCard/CollapsibleCard.d.ts

@@ -0,0 +1,58 @@
+import { type PropsWithChildren } from "react";
+import type { ReactNode } from "react";
+import type { CardProps } from "../Card";
+export declare type CollapsibleCardProps = PropsWithChildren<{
+    /**
+     * The content of the `CollapsibleCard` header.
+     */
+    header: ReactNode;
+    /**
+     * The default open state of the `CollapsibleCard`.
+     * @default true
+     */
+    defaultOpen?: boolean;
+    /**
+     * The controlled open state of the `CollapsibleCard`.
+     */
+    open?: boolean;
+    /**
+     * Callback function called when the open state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Hide the icon.
+     * @default false
+     */
+    hideIcon?: boolean;
+} & Omit<CardProps, "fullBleed">>;
+/**
+ * The `CollapsibleCard` component displays content within a card layout, allowing users to expand or collapse sections to efficiently manage information density.
+ *
+ * See the [Collapsible Card documentation page](https://satellite.algolia.com/8261d6576/p/94def2-collapsible-card) for more information.
+ */
+export declare const CollapsibleCard: import("react").ForwardRefExoticComponent<{
+    /**
+     * The content of the `CollapsibleCard` header.
+     */
+    header: ReactNode;
+    /**
+     * The default open state of the `CollapsibleCard`.
+     * @default true
+     */
+    defaultOpen?: boolean | undefined;
+    /**
+     * The controlled open state of the `CollapsibleCard`.
+     */
+    open?: boolean | undefined;
+    /**
+     * Callback function called when the open state changes.
+     */
+    onOpenChange?: ((open: boolean) => void) | undefined;
+    /**
+     * Hide the icon.
+     * @default false
+     */
+    hideIcon?: boolean | undefined;
+} & Omit<CardProps, "fullBleed"> & {
+    children?: ReactNode;
+} & import("react").RefAttributes<HTMLElement>>;

package/dist/esm/Layout/CollapsibleCard/CollapsibleCard.js

@@ -0,0 +1,59 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _excluded = ["defaultOpen", "open", "onOpenChange", "header", "hideIcon", "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) { _defineProperty(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; }
+import * as Collapsible from "@radix-ui/react-collapsible";
+import { forwardRef } from "react";
+import { ChevronDownIcon } from "../../Icons";
+import stl from "../../styles/helpers/satellitePrefixer";
+import { Card } from "../Card";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The `CollapsibleCard` component displays content within a card layout, allowing users to expand or collapse sections to efficiently manage information density.
+ *
+ * See the [Collapsible Card documentation page](https://satellite.algolia.com/8261d6576/p/94def2-collapsible-card) for more information.
+ */
+export var CollapsibleCard = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _props$defaultOpen = props.defaultOpen,
+    defaultOpen = _props$defaultOpen === void 0 ? true : _props$defaultOpen,
+    open = props.open,
+    onOpenChange = props.onOpenChange,
+    header = props.header,
+    _props$hideIcon = props.hideIcon,
+    hideIcon = _props$hideIcon === void 0 ? false : _props$hideIcon,
+    children = props.children,
+    rest = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/_jsx(Collapsible.Root, {
+    defaultOpen: defaultOpen,
+    open: open,
+    onOpenChange: onOpenChange,
+    children: /*#__PURE__*/_jsxs(Card, _objectSpread(_objectSpread({
+      ref: ref,
+      fullBleed: true
+    }, rest), {}, {
+      children: [/*#__PURE__*/_jsx(Collapsible.Trigger, {
+        className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["group/collapsible-trigger w-full hover:bg-grey-50"]))),
+        children: /*#__PURE__*/_jsxs(Card.Header, {
+          className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["px-6 py-4 flex items-center border-b border-grey-200"]))),
+          children: [/*#__PURE__*/_jsx(Card.Title, {
+            children: header
+          }), hideIcon ? null : /*#__PURE__*/_jsx(ChevronDownIcon, {
+            size: 24,
+            strokeWidth: 1.75,
+            className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["typo-display-caption text-grey-500 group-data-[state=open]/collapsible-trigger:rotate-180 motion-safe:transition-transform motion-safe:duration-300 motion-safe:ease-out"])))
+          })]
+        })
+      }), /*#__PURE__*/_jsx(Collapsible.Content, {
+        className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["collapsible-card-content overflow-hidden"]))),
+        children: /*#__PURE__*/_jsx("div", {
+          className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["p-6"]))),
+          children: children
+        })
+      })]
+    }))
+  });
+});
+CollapsibleCard.displayName = "CollapsibleCard";

package/dist/esm/Layout/CollapsibleCard/CollapsibleCard.tailwind.d.ts

@@ -0,0 +1,5 @@
+export = collapsibleCardPlugin;
+declare const collapsibleCardPlugin: {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: Partial<import("tailwindcss/types/config").Config> | undefined;
+};

package/dist/esm/Layout/CollapsibleCard/CollapsibleCard.tailwind.js

@@ -0,0 +1,43 @@
+import _plugin from "tailwindcss/plugin";
+// @ts-check
+var plugin = _plugin;
+var collapsibleCardPlugin = plugin(function (_ref) {
+  var addComponents = _ref.addComponents;
+  var animationDuration = "300ms";
+  var animationEasing = "ease-out";
+  addComponents({
+    /* eslint-disable @algolia/stl/prefer-stl-helper */
+    "@media (prefers-reduced-motion: no-preference)": {
+      ".collapsible-card-content": {
+        "&[data-state='open']": {
+          animation: "stl-collapsible-card-content-slide-down ".concat(animationDuration, " ").concat(animationEasing)
+        },
+        "&[data-state='closed']": {
+          animation: "stl-collapsible-card-content-slide-up ".concat(animationDuration, " ").concat(animationEasing)
+        }
+      }
+    },
+    "@keyframes stl-collapsible-card-content-slide-down": {
+      from: {
+        height: "0",
+        opacity: "0"
+      },
+      to: {
+        height: "var(--radix-collapsible-content-height)",
+        opacity: "1"
+      }
+    },
+    "@keyframes stl-collapsible-card-content-slide-up": {
+      from: {
+        height: "var(--radix-collapsible-content-height)",
+        opacity: "1"
+      },
+      to: {
+        height: "0",
+        opacity: "0"
+      }
+    }
+    /* eslint-enable @algolia/stl/prefer-stl-helper */
+  });
+});
+export default collapsibleCardPlugin;

package/dist/esm/Layout/CollapsibleCard/index.d.ts

@@ -0,0 +1,2 @@
+export type { CollapsibleCardProps as ExperimentalCollapsibleCardProps } from "./CollapsibleCard";
+export { CollapsibleCard as ExperimentalCollapsibleCard } from "./CollapsibleCard";

package/dist/esm/Layout/CollapsibleCard/index.js

@@ -0,0 +1 @@
+export { CollapsibleCard as ExperimentalCollapsibleCard } from "./CollapsibleCard";

package/dist/esm/Layout/FlexGrid/FlexGrid.d.ts

@@ -53,6 +53,6 @@ export interface FlexGridProps {
 /**
  * The `FlexGrid` component is a wrapper component that allows you to easily create a flexbox layout.
  *
- * See the [Flex Grid documentation page](https://satellite.algolia.com/layouts/flex-grid) for more information.
+ * See the [Flex Grid documentation page](https://satellite.algolia.com/8261d6576/p/44fc1d-flex-grid) for more information.
  */
 export declare const FlexGrid: FC<FlexGridProps>;

package/dist/esm/Layout/FlexGrid/FlexGrid.js

@@ -3,8 +3,8 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 // Heavily inspired by https://github.com/Shopify/polaris-react/blob/2b34f8609e9f08c1a767abea0a235bcc17706b63/src/components/Stack/Stack.tsx#L1
 import cx from "clsx";
 import { Children, isValidElement } from "react";
-import stl from "../../styles/helpers/satellitePrefixer";
-import { isRenderedChild } from "../../utils/isRenderedChild";
+import stl from "./../../styles/helpers/satellitePrefixer";
+import { isRenderedChild } from "./../../utils/isRenderedChild";
 import { jsx as _jsx } from "react/jsx-runtime";
 var SPACING_CLASSNAMES = {
   none: "",
@@ -36,7 +36,7 @@ var DISTRIBUTION_CLASSNAMES = {
 /**
  * The `FlexGrid` component is a wrapper component that allows you to easily create a flexbox layout.
  *
- * See the [Flex Grid documentation page](https://satellite.algolia.com/layouts/flex-grid) for more information.
+ * See the [Flex Grid documentation page](https://satellite.algolia.com/8261d6576/p/44fc1d-flex-grid) for more information.
  */
 export var FlexGrid = function FlexGrid(_ref) {
   var className = _ref.className,

package/dist/esm/Layout/Insert/Insert.d.ts

@@ -21,7 +21,7 @@ export interface InsertProps {
 /**
  * The `Insert` component is used to give extra information to the user about the flow they are in or to highlight and define some terms used.
  *
- * See the [Insert documentation page](https://satellite.algolia.com/layouts/insert) for more information.
+ * See the [Insert documentation page](https://satellite.algolia.com/8261d6576/p/55a216-insert) for more information.
  */
 export declare const Insert: FC<InsertProps>;
 export {};

package/dist/esm/Layout/Insert/Insert.js

@@ -1,13 +1,13 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-import { Badge } from "../../Indicators";
-import stl from "../../styles/helpers/satellitePrefixer";
-import { onlyText } from "../../utils/onlyText";
+import { Badge } from "./../../Indicators";
+import stl from "./../../styles/helpers/satellitePrefixer";
+import { onlyText } from "./../../utils/onlyText";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * The `Insert` component is used to give extra information to the user about the flow they are in or to highlight and define some terms used.
  *
- * See the [Insert documentation page](https://satellite.algolia.com/layouts/insert) for more information.
+ * See the [Insert documentation page](https://satellite.algolia.com/8261d6576/p/55a216-insert) for more information.
  */
 export var Insert = function Insert(_ref) {
   var title = _ref.title,

package/dist/esm/Layout/Sidebar/Sidebar.d.ts

@@ -47,6 +47,6 @@ export declare type SidebarProps = PropsWithChildren<{
 /**
  * The `Sidebar` component is used to display a sidebar of links.
  *
- * See the [Sidebar documentation page](https://satellite.algolia.com/layouts/sidebar) for more information.
+ * See the [Sidebar documentation page](https://satellite.algolia.com/8261d6576/p/52150e-sidebar) for more information.
  */
 export declare const Sidebar: FC<SidebarProps>;

package/dist/esm/Layout/Sidebar/Sidebar.js

@@ -5,11 +5,11 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 import cx from "clsx";
 import { useCallback } from "react";
-import { ScrollIndicator } from "../../Indicators";
-import { useLocale } from "../../Satellite";
-import stl from "../../styles/helpers/satellitePrefixer";
-import { matchLocation } from "../../utils/matchLocation";
 import { SidebarContext } from "./SidebarContext";
+import { ScrollIndicator } from "./../../Indicators";
+import { useLocale } from "./../../Satellite";
+import stl from "./../../styles/helpers/satellitePrefixer";
+import { matchLocation } from "./../../utils/matchLocation";
 import { jsx as _jsx } from "react/jsx-runtime";
 var DEFAULT_SIDEBAR_LOCALE = {
   primarySidebarLabel: "Primary Navigation Sidebar",
@@ -19,7 +19,7 @@ var DEFAULT_SIDEBAR_LOCALE = {
 /**
  * The `Sidebar` component is used to display a sidebar of links.
  *
- * See the [Sidebar documentation page](https://satellite.algolia.com/layouts/sidebar) for more information.
+ * See the [Sidebar documentation page](https://satellite.algolia.com/8261d6576/p/52150e-sidebar) for more information.
  */
 export var Sidebar = function Sidebar(_ref) {
   var id = _ref.id,

package/dist/esm/Layout/Sidebar/SidebarButtonLink.js

@@ -5,11 +5,11 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 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) { _defineProperty(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; }
 import { useState } from "react";
-import { ExternalLinkIcon } from "../../Icons";
-import { TooltipWrapper } from "../../Overlay";
-import stl from "../../styles/helpers/satellitePrefixer";
-import { useLinkProps } from "../../utils/useLinkProps";
 import { useSidebarContext } from "./SidebarContext";
+import { ExternalLinkIcon } from "./../../Icons";
+import { TooltipWrapper } from "./../../Overlay";
+import stl from "./../../styles/helpers/satellitePrefixer";
+import { useLinkProps } from "./../../utils/useLinkProps";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var Tooltip = function Tooltip(_ref) {
   var content = _ref.content,

package/dist/esm/Layout/Sidebar/SidebarHeader.js

@@ -1,7 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
 import cx from "clsx";
-import stl from "../../styles/helpers/satellitePrefixer";
+import stl from "./../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var SidebarHeader = function SidebarHeader(_ref) {
   var className = _ref.className,

package/dist/esm/Layout/Sidebar/SidebarHeading.js

@@ -1,8 +1,8 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
 import cx from "clsx";
-import stl from "../../styles/helpers/satellitePrefixer";
 import { useSidebarContext } from "./SidebarContext";
+import stl from "./../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var SidebarHeading = function SidebarHeading(_ref) {
   var id = _ref.id,

package/dist/esm/Layout/Sidebar/SidebarLink.js

@@ -4,10 +4,10 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 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) { _defineProperty(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; }
 import cx from "clsx";
-import { ExternalLinkIcon } from "../../Icons";
-import stl from "../../styles/helpers/satellitePrefixer";
-import { useLinkProps } from "../../utils/useLinkProps";
 import { useSidebarContext } from "./SidebarContext";
+import { ExternalLinkIcon } from "./../../Icons";
+import stl from "./../../styles/helpers/satellitePrefixer";
+import { useLinkProps } from "./../../utils/useLinkProps";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var SidebarLink = function SidebarLink(props) {
   var _linkProps$href;

package/dist/esm/Layout/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.js

@@ -1,7 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3;
 import cx from "clsx";
-import stl from "../../../styles/helpers/satellitePrefixer";
+import stl from "./../../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 var LINK_HEIGHT_PX = 24;
 var LINKS_SPACING_PX = 8;

package/dist/esm/Layout/Sidebar/SidebarLinksGroup/SidebarGroupLink.js

@@ -3,9 +3,9 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2, _templateObject3;
 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) { _defineProperty(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; }
-import { ExternalLinkIcon } from "../../../Icons";
-import stl from "../../../styles/helpers/satellitePrefixer";
-import { useLinkProps } from "../../../utils/useLinkProps";
+import { ExternalLinkIcon } from "./../../../Icons";
+import stl from "./../../../styles/helpers/satellitePrefixer";
+import { useLinkProps } from "./../../../utils/useLinkProps";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var SidebarGroupLink = function SidebarGroupLink(props) {
   var label = props.label,

package/dist/esm/Layout/Sidebar/SidebarLinksGroup/SidebarLinksGroup.d.ts

@@ -1,6 +1,6 @@
 import type { FC, ReactNode } from "react";
-import { type IconComponentType } from "../../../Icons";
 import type { SidebarLinksGroupLink } from "./types";
+import { type IconComponentType } from "../../../Icons";
 declare type SidebarLinksGroupBaseProps = {
     /**
      * The ID of the `SidebarLinksGroup`.

package/dist/esm/Layout/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js

@@ -7,11 +7,11 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import uniqueId from "lodash/uniqueId";
 import { useEffect, useMemo, useState } from "react";
 import usePrevious from "react-use/lib/usePrevious";
-import { ChevronRightIcon } from "../../../Icons";
-import stl from "../../../styles/helpers/satellitePrefixer";
-import { useSidebarContext } from "../SidebarContext";
 import { ActiveLinkIndicator } from "./ActiveLinkIndicator";
 import { SidebarGroupLink } from "./SidebarGroupLink";
+import { ChevronRightIcon } from "./../../../Icons";
+import { useSidebarContext } from "./../SidebarContext";
+import stl from "./../../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var isCollapsibleSidebarLinksGroupProps = function isCollapsibleSidebarLinksGroupProps(props) {
   return "title" in props && "icon" in props;

package/dist/esm/Layout/Sidebar/SidebarNav.js

@@ -1,8 +1,8 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
 import { Children } from "react";
-import stl from "../../styles/helpers/satellitePrefixer";
 import { useSidebarContext } from "./SidebarContext";
+import stl from "./../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var SidebarNav = function SidebarNav(_ref) {
   var id = _ref.id,

package/dist/esm/Layout/Tables/DataTable/DataTable.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
-import { type DisplayMode } from "../Table";
 import type { ColumnDefinition, DataConfiguration, GetItemId, PaginationConfiguration, Row, SelectMode, Sorting, Status } from "./types";
+import type { DisplayMode } from "../../../Layout/Tables/Table";
 declare type CanSelectItem<Item> = (item: Item, idx: number) => boolean;
 export declare type SortMode = "single" | "multi";
 export declare type DataTableLocale = {
@@ -66,7 +66,7 @@ export declare type DataTableProps<Item> = BaseDataTableProps<Item> & (DataTable
 /**
  * The `DataTable` component displays tabular data in a grid layout. It allows users to view, sort, filter, and interact with data in a structured way.
  *
- * See the [Data Table documentation page](https://satellite.algolia.com/layouts/data-table) for more information.
+ * See the [Data Table documentation page](https://satellite.algolia.com/8261d6576/p/12e3b1-data-table) for more information.
  */
 export declare const DataTable: <Item extends object>({ data, itemId, columns, onChange, mode, status, noDataContent, errorContent, sorting, sortMode, pagination, selectMode, selection, onSelectionChange, canSelectItem, canHoverRow, onRowHoveredChanged, locale, }: DataTableProps<Item>) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -8,16 +8,16 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import compact from "lodash/compact";
 import get from "lodash/get";
 import { useEffect, useState } from "react";
-import { Checkbox, RadioButton } from "../../../Fields";
-import { useLocale } from "../../../Satellite";
-import stl from "../../../styles/helpers/satellitePrefixer";
-import { toSentenceCase } from "../../../utils";
-import { Table } from "../Table";
 import { DataTableBody } from "./components/Body";
 import { DataTableFooter } from "./components/Footer";
 import { DataTableHeader } from "./components/Header";
 import { DataTableLoader } from "./components/Loader";
 import { isDeterminatePagination, isIndeterminatePagination } from "./utils";
+import { Checkbox, RadioButton } from "./../../../Fields";
+import { Table } from "./../Table";
+import { useLocale } from "./../../../Satellite";
+import stl from "./../../../styles/helpers/satellitePrefixer";
+import { toSentenceCase } from "./../../../utils";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var DEFAULT_DATATABLE_LOCALE = {
   selectAllButton: "Select all",
@@ -38,7 +38,7 @@ var DEFAULT_GET_ITEM_ID = function DEFAULT_GET_ITEM_ID(_, idx) {
 /**
  * The `DataTable` component displays tabular data in a grid layout. It allows users to view, sort, filter, and interact with data in a structured way.
  *
- * See the [Data Table documentation page](https://satellite.algolia.com/layouts/data-table) for more information.
+ * See the [Data Table documentation page](https://satellite.algolia.com/8261d6576/p/12e3b1-data-table) for more information.
  */
 export var DataTable = function DataTable(_ref) {
   var data = _ref.data,

package/dist/esm/Layout/Tables/DataTable/components/Body.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
-import type { DataTableLocale, DataTableProps } from "../DataTable";
-import type { AdvancedColumnDefinition, Row, SelectMode, Status } from "../types";
+import type { DataTableLocale, DataTableProps } from "../../../../Layout/Tables/DataTable/DataTable";
+import type { AdvancedColumnDefinition, Row, SelectMode, Status } from "../../../../Layout/Tables/DataTable/types";
 export interface DataTableBodyProps<Item> extends Pick<DataTableProps<Item>, "selection" | "onSelectionChange" | "canHoverRow"> {
     /** The rows to display in the body. */
     rows: Row<Item>[];

package/dist/esm/Layout/Tables/DataTable/components/Body.js

@@ -4,9 +4,9 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 var _templateObject, _templateObject2, _templateObject3;
 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) { _defineProperty(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; }
-import { EmptyState } from "../../../../Indicators";
-import stl from "../../../../styles/helpers/satellitePrefixer";
-import { getCellValue } from "../utils";
+import { EmptyState } from "./../../../../Indicators";
+import { getCellValue } from "./../utils";
+import stl from "./../../../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
 export var DataTableBody = function DataTableBody(_ref) {

package/dist/esm/Layout/Tables/DataTable/components/Footer.d.ts

@@ -1,5 +1,5 @@
 import type { FC } from "react";
-import type { DataConfiguration, PaginationConfiguration } from "../types";
+import type { DataConfiguration, PaginationConfiguration } from "../../../../Layout/Tables/DataTable/types";
 export interface DataTableFooterProps {
     /** The pagination configuration for the table. */
     pagination: PaginationConfiguration;