@algolia/satellite 1.1.0 → 1.1.2

package/dist/cjs/AutoComplete/types.d.ts

@@ -1,96 +0,0 @@
-import type { ComponentType, FocusEventHandler, ForwardedRef, ReactNode, RefObject } from "react";
-import type { IconComponentType } from "../Icons";
-export declare type AutoCompleteVariant = "medium" | "large";
-export declare type AutoCompleteLocale = {
-    emptyStateTitle?: string;
-    clearInputButton?: string;
-    selectionMessage?: (optionName: string, option: Option | null) => string;
-    itemsAvailable?: (resultCount: number) => string;
-    showMoreButton?: (extraResults: number) => string;
-    optionItemPrefix?: (multiple: boolean) => string;
-};
-export interface AutoCompleteBaseProps<T extends Option = Option> {
-    id?: string;
-    "aria-label"?: string;
-    labelId?: string;
-    icon?: IconComponentType;
-    name?: string;
-    required?: boolean;
-    className?: string;
-    valuesClassName?: string;
-    menuClassName?: string;
-    variant?: AutoCompleteVariant;
-    placeholder?: string;
-    disabled?: boolean;
-    autoFocus?: boolean;
-    options?: T[];
-    inputValue?: string;
-    onTextChange?: (text: string) => any;
-    onFocus?: FocusEventHandler<HTMLInputElement>;
-    onBlur?: FocusEventHandler<HTMLInputElement>;
-    creatable?: boolean;
-    clearable?: boolean;
-    selectOnBlur?: boolean;
-    maxResults?: number;
-    createFromInputValue?: CreateFromInputValue<T>;
-    separatorKeys?: string[];
-    renderValueTemplate?: (args: RenderValueTemplateArgs<T>) => JSX.Element;
-    emptyState?: ReactNode;
-    menuFooter?: ReactNode;
-    optionItemComponent?: OptionItemComponentType<T>;
-    /** Keep the input on a single line */
-    noWrap?: boolean;
-    endItem?: ReactNode;
-    /**
-     * `medium` will display about 5 results in the dropdown; use `large` variant to display more
-     * @default "medium"
-     */
-    menuSize?: "medium" | "large";
-    locale?: AutoCompleteLocale;
-    /** @deprecated Use of this props is discouraged and is only there for backwards compatibility */
-    internalsRef?: ForwardedRef<AutoCompleteInternals>;
-}
-export interface AutoCompleteInternals {
-    /** Current internal inputValue */
-    inputValue: string;
-    /** RefObject containing the underlying combobox input element */
-    inputRef: RefObject<HTMLInputElement>;
-}
-export interface AutoCompleteSingleProps<T extends Option = Option> extends AutoCompleteBaseProps<T> {
-    multiple?: false;
-    value?: T;
-    onChange: (option: T | null) => void;
-}
-export interface AutoCompleteMultiProps<T extends Option = Option> extends AutoCompleteBaseProps<T> {
-    multiple: true;
-    value?: T[];
-    onChange: (option: T[] | null) => void;
-}
-export declare type AutoCompleteProps<T extends Option = Option> = AutoCompleteMultiProps<T> | AutoCompleteSingleProps<T>;
-declare type OptionsValue = string | number | boolean;
-export interface Option {
-    value: OptionsValue;
-    label: string;
-    metadata?: string[];
-    new?: boolean;
-    disabled?: boolean;
-    bypassNeedleMatch?: boolean;
-}
-export interface OptionItemProps<T extends Option = Option> {
-    option: T;
-    multiple: boolean;
-    inputValue: string;
-    highlighted: boolean;
-}
-export declare type OptionItemComponentType<T extends Option = Option> = ComponentType<OptionItemProps<T>>;
-export interface OptionRendererParams {
-    multiple: boolean;
-    inputValue: string;
-    highlighted: boolean;
-}
-export interface RenderValueTemplateArgs<T extends Option = Option> {
-    option: T;
-    editable: boolean;
-}
-export declare type CreateFromInputValue<T extends Option = Option> = (options: T[] | undefined, inputValue: string) => Option[];
-export {};

package/dist/cjs/AutoComplete/utils.js

@@ -1,81 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.defaultCreateFromInputValue = exports.caseInsensitiveCreateFromInputValue = exports.DEFAULT_AUTOCOMPLETE_LOCALE = void 0;
-exports.filter = filter;
-exports.inputValueFromProps = inputValueFromProps;
-exports.isAutoCompleteMultiProps = isAutoCompleteMultiProps;
-exports.optionToString = void 0;
-var _pluralize = require("../utils/pluralize");
-function isAutoCompleteMultiProps(props) {
-  return Boolean(props.multiple);
-}
-function createFromInputValue() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var inputValue = arguments.length > 1 ? arguments[1] : undefined;
-  var matchingPredicate = arguments.length > 2 ? arguments[2] : undefined;
-  return options.some(function (option) {
-    return matchingPredicate(option, inputValue);
-  }) ? [] : [{
-    value: inputValue,
-    label: inputValue,
-    "new": true
-  }];
-}
-var defaultCreateFromInputValue = exports.defaultCreateFromInputValue = function defaultCreateFromInputValue(options, inputValue) {
-  return createFromInputValue(options, inputValue, function (option) {
-    return option.value === inputValue;
-  });
-};
-var caseInsensitiveCreateFromInputValue = exports.caseInsensitiveCreateFromInputValue = function caseInsensitiveCreateFromInputValue(options, inputValue) {
-  return createFromInputValue(options, inputValue, function (option) {
-    return option.value.toString().toLowerCase() === inputValue.toLowerCase();
-  });
-};
-var DEFAULT_AUTOCOMPLETE_LOCALE = exports.DEFAULT_AUTOCOMPLETE_LOCALE = {
-  clearInputButton: "Clear input value",
-  emptyStateTitle: "No matches found",
-  selectionMessage: function selectionMessage(optionName, option) {
-    return option ? "".concat(optionName, " has been selected.") : "";
-  },
-  itemsAvailable: function itemsAvailable(count) {
-    return "".concat((0, _pluralize.pluralize)(count, "item is", {
-      plural: "items are"
-    }), " available");
-  },
-  optionItemPrefix: function optionItemPrefix(multiple) {
-    return multiple ? "Add" : "Use";
-  },
-  showMoreButton: function showMoreButton(extraResults) {
-    return "Show ".concat((0, _pluralize.pluralize)(extraResults, "result"), " more");
-  }
-};
-var optionToString = exports.optionToString = function optionToString(option) {
-  var _option$label;
-  return (_option$label = option === null || option === void 0 ? void 0 : option.label) !== null && _option$label !== void 0 ? _option$label : "";
-};
-function needlesMatch(needles, option) {
-  var labels = (option.metadata || []).concat(option.label);
-  return needles.every(function (needle) {
-    return labels.some(function (label) {
-      return String(label || "").trim().toLowerCase().includes(needle);
-    });
-  });
-}
-function filter(options, selectedItems, itemValue) {
-  var needles = itemValue.toLowerCase().trim().split(/\s+/);
-  return options.filter(function (option) {
-    return !selectedItems.some(function (_ref) {
-      var value = _ref.value;
-      return value === option.value;
-    }) && (option.bypassNeedleMatch || needlesMatch(needles, option));
-  });
-}
-function inputValueFromProps(props) {
-  if (props.inputValue !== undefined) {
-    return props.inputValue;
-  }
-  return !isAutoCompleteMultiProps(props) && props.value ? optionToString(props.value) : "";
-}

package/dist/cjs/Avatars/ApplicationAvatar.d.ts

@@ -1,16 +0,0 @@
-import type { VFC } from "react";
-import type { ApplicationAvatarSize, MinimalApplication } from "./types";
-export interface ApplicationAvatarProps {
-    /** A minimal application object containing `applicationID` and `name`. */
-    application: MinimalApplication;
-    /** @default "medium" */
-    size?: ApplicationAvatarSize;
-    /** @ignore */
-    className?: string;
-}
-/**
- * The `ApplicationAvatar` component is used as a visual representation of an application.
- *
- * See the [Application Avatar documentation page](https://satellite.algolia.com/components/images/application-avatar) for more information.
- */
-export declare const ApplicationAvatar: VFC<ApplicationAvatarProps>;

package/dist/cjs/Avatars/ApplicationAvatar.js

@@ -1,37 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ApplicationAvatar = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-var _utils = require("./utils");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3;
-var SIZE_CLASSNAMES = {
-  small: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["w-4 h-4"]))),
-  medium: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["w-8 h-8"])))
-};
-/**
- * The `ApplicationAvatar` component is used as a visual representation of an application.
- *
- * See the [Application Avatar documentation page](https://satellite.algolia.com/components/images/application-avatar) for more information.
- */
-var ApplicationAvatar = exports.ApplicationAvatar = function ApplicationAvatar(_ref) {
-  var className = _ref.className,
-    application = _ref.application,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? "medium" : _ref$size;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    role: "img",
-    "aria-label": application.name || "Application's avatar",
-    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["rounded inline-flex shrink-0 items-center justify-center uppercase"]))), (0, _utils.pickApplicationColors)(application.applicationId), SIZE_CLASSNAMES[size], className),
-    style: size === "small" ? {
-      fontSize: "8px"
-    } : {},
-    children: (0, _utils.getApplicationInitials)(application)
-  });
-};

package/dist/cjs/Avatars/UserAvatar.d.ts

@@ -1,23 +0,0 @@
-import type { VFC } from "react";
-import type { MinimalUser } from "./types";
-export declare type UserAvatarLocale = {
-    fallbackText?: string;
-};
-export interface UserAvatarProps {
-    /** A minimal user object containing `name`, `email` and `avatar`. */
-    user: MinimalUser;
-    /**
-     * in px
-     * @default 32
-     * */
-    size?: number;
-    /** @ignore */
-    className?: string;
-    locale?: UserAvatarLocale;
-}
-/**
- * The `UserAvatar` component is used as a visual representation of a user.
- *
- * See the [User Avatar documentation page](https://satellite.algolia.com/components/images/user-avatar) for more information.
- */
-export declare const UserAvatar: VFC<UserAvatarProps>;

package/dist/cjs/Avatars/UserAvatar.js

@@ -1,58 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.UserAvatar = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _reactAvatar = require("@radix-ui/react-avatar");
-var _clsx = _interopRequireDefault(require("clsx"));
-var _Satellite = require("../Satellite");
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-var _utils = require("./utils");
-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; }
-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 DEFAULT_LOCALE = {
-  fallbackText: "User's avatar"
-};
-/**
- * The `UserAvatar` component is used as a visual representation of a user.
- *
- * See the [User Avatar documentation page](https://satellite.algolia.com/components/images/user-avatar) for more information.
- */
-var UserAvatar = exports.UserAvatar = function UserAvatar(_ref) {
-  var _user$email;
-  var className = _ref.className,
-    user = _ref.user,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 32 : _ref$size,
-    propsLocale = _ref.locale;
-  var contextLocale = (0, _Satellite.useLocale)("userAvatar");
-  var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_LOCALE), contextLocale), propsLocale);
-  var fallbackName = user.name || user.email || locale.fallbackText;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactAvatar.Root, {
-    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["overflow-hidden flex justify-center items-center rounded-full"]))), (0, _utils.getUserBackgroundClassName)((_user$email = user.email) !== null && _user$email !== void 0 ? _user$email : "no-email"), className),
-    style: {
-      width: size,
-      height: size
-    },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactAvatar.Image, {
-      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["h-full w-full object-cover"]))),
-      src: user.avatar,
-      alt: fallbackName
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactAvatar.AvatarFallback, {
-      className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["flex h-full w-full items-center justify-center uppercase"]))),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        "aria-hidden": true,
-        children: (0, _utils.getUserInitials)(user)
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["sr-only"]))),
-        children: fallbackName
-      })]
-    })]
-  });
-};

package/dist/cjs/Badge/Badge.d.ts

@@ -1,24 +0,0 @@
-import { type HTMLAttributes, type ReactNode } from "react";
-import type { IconComponentType } from "../Icons";
-import type { AtLeastOne, ColorVariant } from "../types";
-export declare type BadgeSizes = "small" | "medium" | "large";
-export declare type BadgeVariants = ColorVariant | "pink";
-interface BaseBadgeProps extends HTMLAttributes<HTMLSpanElement> {
-    variant?: BadgeVariants;
-    size?: BadgeSizes;
-}
-declare type BadgeContentProps = {
-    children: ReactNode;
-    /** An additional value to accompany the `Badge` */
-    value: ReactNode;
-    /** Left aligned icon */
-    icon: IconComponentType;
-};
-export declare type BadgeProps = BaseBadgeProps & AtLeastOne<BadgeContentProps>;
-/**
- * The `Badge` component is a visual marker highlighting information or status. It enhances UI, indicates progress, and classifies data.
- *
- * See the [Badge documentation page](https://satellite.algolia.com/components/feedback/badge) for more information.
- */
-export declare const Badge: import("react").ForwardRefExoticComponent<BadgeProps & import("react").RefAttributes<HTMLSpanElement>>;
-export {};

package/dist/cjs/Badge/Badge.js

@@ -1,68 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Badge = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-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 _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["children", "value", "icon", "variant", "size", "className"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
-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 BASE_CLASSNAMES = (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  inline-flex items-center justify-center\n  rounded-full border\n  overflow-hidden\n"])));
-var VARIANT_CLASSNAMES = {
-  grey: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["bg-grey-100 border-grey-200 text-grey-700"]))),
-  accent: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["bg-accent-100 border-accent-200 text-accent-700"]))),
-  blue: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["bg-blue-100 border-blue-200 text-blue-800"]))),
-  green: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["bg-green-100 border-green-300 text-green-900"]))),
-  orange: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["bg-orange-100 border-orange-300 text-orange-800"]))),
-  red: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["bg-red-100 border-red-200 text-red-700"]))),
-  pink: (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["bg-pink-100 border-pink-200 text-pink-700"])))
-};
-var SIZE_CLASSNAMES = {
-  small: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["h-4 display-caption px-1 space-x-1"]))),
-  medium: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["h-5 display-body px-2 space-x-2"]))),
-  large: (0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["h-6 display-body px-2 space-x-2"])))
-};
-
-/**
- * The `Badge` component is a visual marker highlighting information or status. It enhances UI, indicates progress, and classifies data.
- *
- * See the [Badge documentation page](https://satellite.algolia.com/components/feedback/badge) for more information.
- */
-var Badge = exports.Badge = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var children = _ref.children,
-    value = _ref.value,
-    Icon = _ref.icon,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? "grey" : _ref$variant,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? "large" : _ref$size,
-    className = _ref.className,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var badgeClassName = (0, _clsx["default"])(BASE_CLASSNAMES, VARIANT_CLASSNAMES[variant], SIZE_CLASSNAMES[size], className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", _objectSpread(_objectSpread({}, props), {}, {
-    ref: ref,
-    className: badgeClassName,
-    children: [Icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
-        width: ".8em",
-        height: ".8em"
-      })
-    }), (0, _isRenderedChild.isRenderedChild)(children) && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: (0, _satellitePrefixer["default"])(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["truncate"]))),
-      children: children
-    }), (0, _isRenderedChild.isRenderedChild)(value) && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      children: value
-    })]
-  }));
-});
-Badge.displayName = "Badge";

package/dist/cjs/Banners/Alert/Alert.d.ts

@@ -1,33 +0,0 @@
-import type { CSSProperties, ReactNode, VFC } from "react";
-import type { IconComponentType } from "../../Icons";
-import type { ColorVariant } from "../../types";
-export declare type AlertContextType = "page" | "section";
-export declare type AlertColorVariant = Exclude<ColorVariant, "blue">;
-export interface AlertProps {
-    /** @ignore */
-    className?: string;
-    /** @ignore */
-    style?: CSSProperties;
-    /** Descriptive title for `Alert` */
-    title?: ReactNode;
-    /** @default grey */
-    variant?: AlertColorVariant;
-    /**
-     * Usage context description
-     * @default section
-     */
-    usageContext?: AlertContextType;
-    icon?: IconComponentType;
-    /**
-     * Function triggered when the dismiss button is clicked.
-     * Dismiss button won't be rendered if absent.
-     * */
-    onDismiss?(): void;
-    children: ReactNode;
-}
-/**
- * The `Alert` component give users suggestions, tips, warnings, and error information without stopping them from completing the tasks they're doing.
- *
- * See the [Alert documentation page](https://satellite.algolia.com/components/feedback/alert) for more information.
- */
-export declare const Alert: VFC<AlertProps>;

package/dist/cjs/Banners/Alert/Alert.js

@@ -1,93 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Alert = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _Button = require("../../Button");
-var _Icons = require("../../Icons");
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
-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, _templateObject23, _templateObject24;
-var BASE_CLASSNAME = (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["relative flex text-grey-900 display-body border"])));
-var BACKGROUND_CLASSNAMES = {
-  grey: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["bg-grey-100"]))),
-  accent: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["bg-accent-100"]))),
-  green: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["bg-green-100"]))),
-  orange: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["bg-orange-100"]))),
-  red: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["bg-red-100"])))
-};
-var BORDER_CLASSNAMES = {
-  grey: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["border-grey-200"]))),
-  accent: (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["border-accent-200"]))),
-  green: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["border-green-200"]))),
-  orange: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["border-orange-200"]))),
-  red: (0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["border-red-200"])))
-};
-var ICON_VARIANTS = {
-  grey: _Icons.AlertCircleIcon,
-  accent: _Icons.AlertCircleIcon,
-  green: _Icons.CheckCircleIcon,
-  orange: _Icons.AlertTriangleIcon,
-  red: _Icons.AlertOctagonIcon
-};
-var ICON_CLASSNAME_VARIANTS = {
-  grey: (0, _satellitePrefixer["default"])(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["text-grey-600"]))),
-  accent: (0, _satellitePrefixer["default"])(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["text-accent-600"]))),
-  green: (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["text-green-600"]))),
-  orange: (0, _satellitePrefixer["default"])(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2["default"])(["text-orange-600"]))),
-  red: (0, _satellitePrefixer["default"])(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["text-red-600"])))
-};
-
-/**
- * The `Alert` component give users suggestions, tips, warnings, and error information without stopping them from completing the tasks they're doing.
- *
- * See the [Alert documentation page](https://satellite.algolia.com/components/feedback/alert) for more information.
- */
-var Alert = exports.Alert = function Alert(_ref) {
-  var title = _ref.title,
-    _ref$usageContext = _ref.usageContext,
-    usageContext = _ref$usageContext === void 0 ? "section" : _ref$usageContext,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? "grey" : _ref$variant,
-    onDismiss = _ref.onDismiss,
-    icon = _ref.icon,
-    className = _ref.className,
-    style = _ref.style,
-    children = _ref.children;
-  var containerClassName = (0, _clsx["default"])(BASE_CLASSNAME, title ? (0, _satellitePrefixer["default"])(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2["default"])(["p-4"]))) : (0, _satellitePrefixer["default"])(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2["default"])(["py-2 px-3"]))), BACKGROUND_CLASSNAMES[variant], usageContext !== "page" ? BORDER_CLASSNAMES[variant] : (0, _satellitePrefixer["default"])(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2["default"])(["border-transparent"]))), usageContext !== "page" && (0, _satellitePrefixer["default"])(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2["default"])(["rounded"]))), className);
-  var internalIcon = icon === undefined ? true : icon;
-  var Icon = typeof internalIcon === "boolean" && internalIcon ? ICON_VARIANTS[variant] : internalIcon;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: containerClassName,
-    style: style,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
-      className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2["default"])(["\n            shrink-0 mr-2\n            ", "\n            "])), title ? "mt-0.5" : "mt-2px"), ICON_CLASSNAME_VARIANTS[variant]),
-      width: "1rem",
-      height: "1rem"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _satellitePrefixer["default"])(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2["default"])(["flex flex-1 flex-col ", ""])), onDismiss && "mr-6"),
-      children: [!!title && /*#__PURE__*/(0, _jsxRuntime.jsx)("h4", {
-        className: (0, _satellitePrefixer["default"])(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2["default"])(["font-bold text-grey-900 mb-1"]))),
-        children: title
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        children: children
-      })]
-    }), onDismiss && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: (0, _satellitePrefixer["default"])(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2["default"])(["absolute right-1.5 top-1.5"]))),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
-        icon: _Icons.XIcon,
-        title: "Close",
-        variant: "subtle",
-        size: "small",
-        onClick: function onClick(evt) {
-          evt.stopPropagation();
-          onDismiss();
-        }
-      })
-    })]
-  });
-};

package/dist/cjs/Banners/Promote/Promote.js

@@ -1,79 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Promote = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _Button = require("../../Button");
-var _Card = require("../../Card");
-var _Icons = require("../../Icons");
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
-var TITLE_VARIANT_CLASSNAMES = {
-  compact: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["display-heading mb-2"]))),
-  large: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["display-medium mb-4"])))
-};
-var BODY_VARIANT_CLASSNAMES = {
-  compact: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["display-caption typo-subdued"]))),
-  large: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["display-body typo-subdued"])))
-};
-var ACTIONS_VARIANT_CLASSNAMES = {
-  compact: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["mt-1"]))),
-  large: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["mt-3"])))
-};
-
-/**
- * The `Promote` component is a contextual way of showing a user that a new feature or product is available to them on a higher plan or as an option.
- *
- * See the [Promote documentation page](https://satellite.algolia.com/components/feedback/promote-banner) for more information.
- */
-var Promote = exports.Promote = function Promote(_ref) {
-  var context = _ref.context,
-    title = _ref.title,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? "large" : _ref$variant,
-    illustration = _ref.illustration,
-    actions = _ref.actions,
-    children = _ref.children,
-    onDismiss = _ref.onDismiss;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Card.Card, {
-    className: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["relative flex"]))),
-    fullBleed: true,
-    as: "section",
-    children: [!!illustration && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["w-full min-w-24 max-w-64 flex items-center justify-center bg-grey-100"]))),
-      children: illustration
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["", ""])), variant === "large" ? "p-6" : "p-4"),
-      children: [!!context && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["block mb-1"]))),
-        children: context
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("header", {
-        className: TITLE_VARIANT_CLASSNAMES[variant],
-        children: title
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: BODY_VARIANT_CLASSNAMES[variant],
-        children: children
-      }), !!actions && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["flex space-x-2"]))), ACTIONS_VARIANT_CLASSNAMES[variant]),
-        children: actions
-      })]
-    }), onDismiss && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: (0, _satellitePrefixer["default"])(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["absolute top-2 right-2"]))),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
-        icon: _Icons.XIcon,
-        title: "Close",
-        variant: "subtle",
-        size: "small",
-        onClick: function onClick(evt) {
-          evt.stopPropagation();
-          onDismiss();
-        }
-      })
-    })]
-  });
-};

package/dist/cjs/Banners/SystemNotification/SystemNotification.d.ts

@@ -1,12 +0,0 @@
-import type { ReactNode, VFC } from "react";
-import type { IconComponentType } from "../../Icons";
-export interface SystemNotificationProps {
-    icon?: IconComponentType;
-    children: ReactNode;
-}
-/**
- * The `SystemNotification` component is a top-of-page alert for critical system messages, updates, and urgent warnings.
- *
- * See the [System Notification documentation page](https://satellite.algolia.com/components/feedback/system-notification) for more information.
- */
-export declare const SystemNotification: VFC<SystemNotificationProps>;