@algolia/satellite 2.0.0 → 2.1.0

package/dist/cjs/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/cjs/Layout/CollapsibleCard/CollapsibleCard.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CollapsibleCard = 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 Collapsible = _interopRequireWildcard(require("@radix-ui/react-collapsible"));
+var _react = require("react");
+var _Icons = require("../../Icons");
+var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
+var _Card = require("../Card");
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _excluded = ["defaultOpen", "open", "onOpenChange", "header", "hideIcon", "children"];
+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; }
+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; }
+/**
+ * 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.
+ */
+var CollapsibleCard = exports.CollapsibleCard = /*#__PURE__*/(0, _react.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 = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Collapsible.Root, {
+    defaultOpen: defaultOpen,
+    open: open,
+    onOpenChange: onOpenChange,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Card.Card, _objectSpread(_objectSpread({
+      ref: ref,
+      fullBleed: true
+    }, rest), {}, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Collapsible.Trigger, {
+        className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["group/collapsible-trigger w-full hover:bg-grey-50"]))),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Card.Card.Header, {
+          className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["px-6 py-4 flex items-center border-b border-grey-200"]))),
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.Card.Title, {
+            children: header
+          }), hideIcon ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.ChevronDownIcon, {
+            size: 24,
+            strokeWidth: 1.75,
+            className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["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__*/(0, _jsxRuntime.jsx)(Collapsible.Content, {
+        className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["collapsible-card-content overflow-hidden"]))),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["p-6"]))),
+          children: children
+        })
+      })]
+    }))
+  });
+});
+CollapsibleCard.displayName = "CollapsibleCard";

package/dist/cjs/{Indicators/EmptyState/EmptyState.tailwind.d.ts → Layout/CollapsibleCard/CollapsibleCard.tailwind.d.ts}

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

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

@@ -0,0 +1,44 @@
+"use strict";
+
+// @ts-check
+var plugin = require("tailwindcss/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 */
+  });
+});
+module.exports = collapsibleCardPlugin;

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

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

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

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ExperimentalCollapsibleCard", {
+  enumerable: true,
+  get: function get() {
+    return _CollapsibleCard.CollapsibleCard;
+  }
+});
+var _CollapsibleCard = require("./CollapsibleCard");

package/dist/cjs/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/cjs/Layout/FlexGrid/FlexGrid.js

@@ -8,8 +8,8 @@ exports.FlexGrid = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _react = require("react");
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
-var _isRenderedChild = require("../../utils/isRenderedChild");
+var _satellitePrefixer = _interopRequireDefault(require("./../../styles/helpers/satellitePrefixer"));
+var _isRenderedChild = require("./../../utils/isRenderedChild");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22; // Heavily inspired by https://github.com/Shopify/polaris-react/blob/2b34f8609e9f08c1a767abea0a235bcc17706b63/src/components/Stack/Stack.tsx#L1
 var SPACING_CLASSNAMES = {
@@ -42,7 +42,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.
  */
 var FlexGrid = exports.FlexGrid = function FlexGrid(_ref) {
   var className = _ref.className,

package/dist/cjs/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/cjs/Layout/Insert/Insert.js

@@ -6,15 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Insert = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _Indicators = require("../../Indicators");
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
-var _onlyText = require("../../utils/onlyText");
+var _Indicators = require("./../../Indicators");
+var _satellitePrefixer = _interopRequireDefault(require("./../../styles/helpers/satellitePrefixer"));
+var _onlyText = require("./../../utils/onlyText");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 /**
  * 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.
  */
 var Insert = exports.Insert = function Insert(_ref) {
   var title = _ref.title,

package/dist/cjs/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/cjs/Layout/Sidebar/Sidebar.js

@@ -9,11 +9,11 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _react = require("react");
-var _Indicators = require("../../Indicators");
-var _Satellite = require("../../Satellite");
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
-var _matchLocation = require("../../utils/matchLocation");
 var _SidebarContext = require("./SidebarContext");
+var _Indicators = require("./../../Indicators");
+var _Satellite = require("./../../Satellite");
+var _satellitePrefixer = _interopRequireDefault(require("./../../styles/helpers/satellitePrefixer"));
+var _matchLocation = require("./../../utils/matchLocation");
 var _jsxRuntime = require("react/jsx-runtime");
 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; }
@@ -26,7 +26,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.
  */
 var Sidebar = exports.Sidebar = function Sidebar(_ref) {
   var id = _ref.id,

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

@@ -9,11 +9,11 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
-var _Icons = require("../../Icons");
-var _Overlay = require("../../Overlay");
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
-var _useLinkProps = require("../../utils/useLinkProps");
 var _SidebarContext = require("./SidebarContext");
+var _Icons = require("./../../Icons");
+var _Overlay = require("./../../Overlay");
+var _satellitePrefixer = _interopRequireDefault(require("./../../styles/helpers/satellitePrefixer"));
+var _useLinkProps = require("./../../utils/useLinkProps");
 var _jsxRuntime = require("react/jsx-runtime");
 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; }

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.SidebarHeader = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
+var _satellitePrefixer = _interopRequireDefault(require("./../../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 var SidebarHeader = exports.SidebarHeader = function SidebarHeader(_ref) {

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

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.SidebarHeading = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
 var _SidebarContext = require("./SidebarContext");
+var _satellitePrefixer = _interopRequireDefault(require("./../../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 var SidebarHeading = exports.SidebarHeading = function SidebarHeading(_ref) {

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

@@ -8,10 +8,10 @@ exports.SidebarLink = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _Icons = require("../../Icons");
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
-var _useLinkProps = require("../../utils/useLinkProps");
 var _SidebarContext = require("./SidebarContext");
+var _Icons = require("./../../Icons");
+var _satellitePrefixer = _interopRequireDefault(require("./../../styles/helpers/satellitePrefixer"));
+var _useLinkProps = require("./../../utils/useLinkProps");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 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; }

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ActiveLinkIndicator = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
+var _satellitePrefixer = _interopRequireDefault(require("./../../../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3;
 var LINK_HEIGHT_PX = 24;

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

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.SidebarGroupLink = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _Icons = require("../../../Icons");
-var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
-var _useLinkProps = require("../../../utils/useLinkProps");
+var _Icons = require("./../../../Icons");
+var _satellitePrefixer = _interopRequireDefault(require("./../../../styles/helpers/satellitePrefixer"));
+var _useLinkProps = require("./../../../utils/useLinkProps");
 var _jsxRuntime = require("react/jsx-runtime");
 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; }

package/dist/cjs/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/cjs/Layout/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js

@@ -11,11 +11,11 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
 var _react = require("react");
 var _usePrevious = _interopRequireDefault(require("react-use/lib/usePrevious"));
-var _Icons = require("../../../Icons");
-var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
-var _SidebarContext = require("../SidebarContext");
 var _ActiveLinkIndicator = require("./ActiveLinkIndicator");
 var _SidebarGroupLink = require("./SidebarGroupLink");
+var _Icons = require("./../../../Icons");
+var _SidebarContext = require("./../SidebarContext");
+var _satellitePrefixer = _interopRequireDefault(require("./../../../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 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; }

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

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.SidebarNav = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("react");
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
 var _SidebarContext = require("./SidebarContext");
+var _satellitePrefixer = _interopRequireDefault(require("./../../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 var SidebarNav = exports.SidebarNav = function SidebarNav(_ref) {

package/dist/cjs/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/cjs/Layout/Tables/DataTable/DataTable.js

@@ -12,16 +12,16 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 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"));
-var _utils = require("../../../utils");
-var _Table = require("../Table");
 var _Body = require("./components/Body");
 var _Footer = require("./components/Footer");
 var _Header = require("./components/Header");
 var _Loader = require("./components/Loader");
-var _utils2 = require("./utils");
+var _utils = require("./utils");
+var _Fields = require("./../../../Fields");
+var _Table = require("./../Table");
+var _Satellite = require("./../../../Satellite");
+var _satellitePrefixer = _interopRequireDefault(require("./../../../styles/helpers/satellitePrefixer"));
+var _utils2 = require("./../../../utils");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
 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; }
@@ -45,7 +45,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.
  */
 var DataTable = exports.DataTable = function DataTable(_ref) {
   var data = _ref.data,
@@ -156,9 +156,9 @@ var DataTable = exports.DataTable = function DataTable(_ref) {
     return typeof c === "string" ? {
       id: c,
       accessor: c,
-      Header: (0, _utils.toSentenceCase)(c)
+      Header: (0, _utils2.toSentenceCase)(c)
     } : _objectSpread(_objectSpread({}, c), {}, {
-      Header: (_c$Header = c.Header) !== null && _c$Header !== void 0 ? _c$Header : (0, _utils.toSentenceCase)(c.id)
+      Header: (_c$Header = c.Header) !== null && _c$Header !== void 0 ? _c$Header : (0, _utils2.toSentenceCase)(c.id)
     });
   }))));
   var getItemIdInternal = itemId || DEFAULT_GET_ITEM_ID;
@@ -189,8 +189,8 @@ var DataTable = exports.DataTable = function DataTable(_ref) {
     return [c.id, "desc"];
   });
   var shouldRenderPagination = function shouldRenderPagination() {
-    if ((0, _utils2.isDeterminatePagination)(pagination)) return pagination && pagination.totalItemsCount > 0;
-    if ((0, _utils2.isIndeterminatePagination)(pagination)) return pagination && data.length > 0;
+    if ((0, _utils.isDeterminatePagination)(pagination)) return pagination && pagination.totalItemsCount > 0;
+    if ((0, _utils.isIndeterminatePagination)(pagination)) return pagination && data.length > 0;
     return false;
   };
   var onRowHoverChange = function onRowHoverChange(row) {

package/dist/cjs/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/cjs/Layout/Tables/DataTable/components/Body.js

@@ -8,9 +8,9 @@ exports.DataTableBody = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _Indicators = require("../../../../Indicators");
-var _satellitePrefixer = _interopRequireDefault(require("../../../../styles/helpers/satellitePrefixer"));
-var _utils = require("../utils");
+var _Indicators = require("./../../../../Indicators");
+var _utils = require("./../utils");
+var _satellitePrefixer = _interopRequireDefault(require("./../../../../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _react = require("react");
 var _templateObject, _templateObject2, _templateObject3;

package/dist/cjs/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;

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

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DataTableFooter = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _Navigation = require("../../../../Navigation");
-var _utils = require("../utils");
+var _utils = require("./../utils");
+var _Navigation = require("./../../../../Navigation");
 var _jsxRuntime = require("react/jsx-runtime");
 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; }

package/dist/cjs/Layout/Tables/DataTable/components/Header.d.ts

@@ -1,4 +1,4 @@
-import type { AdvancedColumnDefinition, Sorting, SortingDirection } from "../types";
+import type { AdvancedColumnDefinition, Sorting, SortingDirection } from "../../../../Layout/Tables/DataTable/types";
 export interface DataTableHeaderProps<Item> {
     /** The columns to display in the header. */
     columns: AdvancedColumnDefinition<Item>[];

package/dist/cjs/Layout/Tables/DataTable/components/HeaderCell.d.ts

@@ -1,5 +1,5 @@
 import type { HTMLAttributes, ReactNode } from "react";
-import type { AdvancedColumnDefinition, SortingDirection } from "../types";
+import type { AdvancedColumnDefinition, SortingDirection } from "../../../../Layout/Tables/DataTable/types";
 export interface DataTableHeaderCellProps<Item> extends HTMLAttributes<HTMLTableCellElement> {
     /** The column to display in the header cell. */
     column: AdvancedColumnDefinition<Item>;

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

@@ -9,8 +9,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _Icons = require("../../../../Icons");
-var _satellitePrefixer = _interopRequireDefault(require("../../../../styles/helpers/satellitePrefixer"));
+var _Icons = require("./../../../../Icons");
+var _satellitePrefixer = _interopRequireDefault(require("./../../../../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["sortingDirection", "onToggleSort", "column", "disabled", "children"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;

package/dist/cjs/Layout/Tables/DataTable/components/Loader.d.ts

@@ -1,5 +1,5 @@
 import type { FC } from "react";
-import type { DataTableLocale } from "../DataTable";
+import type { DataTableLocale } from "../../../../Layout/Tables/DataTable/DataTable";
 export interface DataTableLoaderProps {
     /** @ignore */
     className?: string;

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

@@ -8,8 +8,8 @@ exports.DataTableLoader = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
-var _Indicators = require("../../../../Indicators");
-var _satellitePrefixer = _interopRequireDefault(require("../../../../styles/helpers/satellitePrefixer"));
+var _Indicators = require("./../../../../Indicators");
+var _satellitePrefixer = _interopRequireDefault(require("./../../../../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 var DataTableLoader = exports.DataTableLoader = function DataTableLoader(_ref) {

package/dist/cjs/Layout/Tables/Table/Table.d.ts

@@ -25,6 +25,6 @@ export interface TableProps extends DetailedHTMLProps<TableHTMLAttributes<HTMLTa
 /**
  * The `Table` component is used to structure content in a grid to make it easier to see relationships and to facilitate understanding.
  *
- * See the [Table documentation page](https://satellite.algolia.com/layouts/table) for more information.
+ * See the [Table documentation page](https://satellite.algolia.com/8261d6576/p/56f8b4-table) for more information.
  */
 export declare const Table: FC<TableProps>;

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

@@ -9,8 +9,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
 var _TableFooter = require("./components/TableFooter");
+var _satellitePrefixer = _interopRequireDefault(require("./../../../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3;
 var _excluded = ["className", "footer", "smallFooter", "hasActions", "highlight", "mode"];
@@ -19,7 +19,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 /**
  * The `Table` component is used to structure content in a grid to make it easier to see relationships and to facilitate understanding.
  *
- * See the [Table documentation page](https://satellite.algolia.com/layouts/table) for more information.
+ * See the [Table documentation page](https://satellite.algolia.com/8261d6576/p/56f8b4-table) for more information.
  */
 var Table = exports.Table = function Table(_ref) {
   var className = _ref.className,