@algolia/satellite 2.3.0 → 2.5.0

package/dist/esm/Actions/Accordion/Accordion.js

@@ -1,21 +1,23 @@
 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, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
-var _excluded = ["children", "className"],
-  _excluded2 = ["onChange", "multiple"],
-  _excluded3 = ["onChange", "multiple", "collapsible"];
+var _excluded = ["children", "variant"],
+  _excluded2 = ["children", "className"],
+  _excluded3 = ["onChange", "multiple"],
+  _excluded4 = ["onChange", "multiple", "collapsible"];
 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 RadixAccordion from "@radix-ui/react-accordion";
 import cx from "clsx";
-import { forwardRef } from "react";
+import { createContext, forwardRef, useContext } from "react";
+import { accordionStyles } from "./Accordion.styles";
 import { ChevronDownIcon } from "./../../Icons";
-import stl from "./../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var ICON_SIZE = 16;
-var TRIGGER_ICON_SIZE = 20;
-
+var AccordionVariantContext = /*#__PURE__*/createContext({
+  variant: "normal"
+});
+var useAccordionVariant = function useAccordionVariant() {
+  return useContext(AccordionVariantContext);
+};
 /**
  * The `Accordion` component is a compact section for revealing and hiding content, ideal for keeping interfaces clean.
  *
@@ -23,15 +25,36 @@ var TRIGGER_ICON_SIZE = 20;
  */
 export var Accordion = function Accordion(_ref) {
   var children = _ref.children,
-    className = _ref.className,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "normal" : _ref$variant,
     props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(AccordionVariantContext.Provider, {
+    value: {
+      variant: variant
+    },
+    children: /*#__PURE__*/_jsx(AccordionRootInternal, _objectSpread(_objectSpread({}, props), {}, {
+      children: children
+    }))
+  });
+};
+var AccordionRootInternal = function AccordionRootInternal(_ref2) {
+  var children = _ref2.children,
+    className = _ref2.className,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  var _useAccordionVariant = useAccordionVariant(),
+    variant = _useAccordionVariant.variant;
+  var styles = accordionStyles({
+    variant: variant
+  });
   var sharedProps = {
-    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex flex-col"]))), className)
+    className: styles.base({
+      className: className
+    })
   };
   if (props.multiple) {
     var _onChange = props.onChange,
       _multiple = props.multiple,
-      _rest = _objectWithoutProperties(props, _excluded2);
+      _rest = _objectWithoutProperties(props, _excluded3);
     return /*#__PURE__*/_jsx(RadixAccordion.Root, _objectSpread(_objectSpread(_objectSpread({}, _rest), sharedProps), {}, {
       type: "multiple",
       onValueChange: _onChange,
@@ -42,7 +65,7 @@ export var Accordion = function Accordion(_ref) {
     multiple = props.multiple,
     _props$collapsible = props.collapsible,
     collapsible = _props$collapsible === void 0 ? true : _props$collapsible,
-    rest = _objectWithoutProperties(props, _excluded3);
+    rest = _objectWithoutProperties(props, _excluded4);
   return /*#__PURE__*/_jsx(RadixAccordion.Root, _objectSpread(_objectSpread(_objectSpread({}, rest), sharedProps), {}, {
     type: "single",
     onValueChange: onChange,
@@ -51,71 +74,88 @@ export var Accordion = function Accordion(_ref) {
   }));
 };
 Accordion.displayName = "Accordion";
-var AccordionItem = /*#__PURE__*/forwardRef(function (_ref2, ref) {
-  var value = _ref2.value,
-    disabled = _ref2.disabled,
-    children = _ref2.children,
-    className = _ref2.className;
+var AccordionItem = /*#__PURE__*/forwardRef(function (_ref3, ref) {
+  var value = _ref3.value,
+    disabled = _ref3.disabled,
+    children = _ref3.children,
+    className = _ref3.className;
+  var _useAccordionVariant2 = useAccordionVariant(),
+    variant = _useAccordionVariant2.variant;
+  var styles = accordionStyles({
+    variant: variant
+  });
   return /*#__PURE__*/_jsx(RadixAccordion.Item, {
     value: value,
     disabled: disabled,
     ref: ref,
-    className: cx(stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["group/accordion-item flex flex-col"]))), className),
+    className: styles.item({
+      className: className
+    }),
     children: children
   });
 });
 AccordionItem.displayName = "AccordionItem";
-var AccordionHeader = /*#__PURE__*/forwardRef(function (_ref3, ref) {
-  var children = _ref3.children,
-    description = _ref3.description,
-    Icon = _ref3.icon,
-    _ref3$iconClassName = _ref3.iconClassName,
-    iconClassName = _ref3$iconClassName === void 0 ? stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["typo-subdued"]))) : _ref3$iconClassName,
-    _ref3$iconBgClassName = _ref3.iconBgClassName,
-    iconBgClassName = _ref3$iconBgClassName === void 0 ? stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["bg-grey-100"]))) : _ref3$iconBgClassName,
-    meta = _ref3.meta,
-    triggerIcon = _ref3.triggerIcon,
-    triggerClassName = _ref3.triggerClassName,
-    className = _ref3.className,
-    titleWrapperClassName = _ref3.titleWrapperClassName,
-    titleClassName = _ref3.titleClassName;
+var AccordionHeader = /*#__PURE__*/forwardRef(function (_ref4, ref) {
+  var children = _ref4.children,
+    description = _ref4.description,
+    Icon = _ref4.icon,
+    iconClassName = _ref4.iconClassName,
+    iconBgClassName = _ref4.iconBgClassName,
+    meta = _ref4.meta,
+    triggerIcon = _ref4.triggerIcon,
+    triggerClassName = _ref4.triggerClassName,
+    className = _ref4.className,
+    titleWrapperClassName = _ref4.titleWrapperClassName,
+    titleClassName = _ref4.titleClassName;
+  var _useAccordionVariant3 = useAccordionVariant(),
+    variant = _useAccordionVariant3.variant;
+  var styles = accordionStyles({
+    variant: variant
+  });
+  var isCompact = variant === "compact";
   var TriggerIcon = triggerIcon || ChevronDownIcon;
   return /*#__PURE__*/_jsx(RadixAccordion.Header, {
-    className: className,
+    className: styles.header({
+      className: className
+    }),
     children: /*#__PURE__*/_jsxs(RadixAccordion.Trigger, {
       ref: ref,
-      className: cx(stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["group/accordion-trigger flex gap-x-3 items-center w-full justify-between px-3.5 py-2.5 group-first/accordion-item:rounded-t group-last/accordion-item:rounded-b bg-white border-2 border-transparent focus-visible:outline-none focus-visible:border-accent-600 enabled:hover:bg-grey-50 motion-safe:transition-colors"]))), triggerClassName),
+      className: styles.trigger({
+        className: triggerClassName
+      }),
       children: [/*#__PURE__*/_jsxs("div", {
-        className: cx(stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["flex items-center gap-x-3 grow"]))), titleWrapperClassName),
+        className: styles.titleWrapper({
+          className: titleWrapperClassName
+        }),
         children: [Icon && /*#__PURE__*/_jsx("span", {
-          className: cx(stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["rounded-full w-8 h-8 flex items-center justify-center shrink-0"]))), iconBgClassName),
+          className: styles.iconBg({
+            className: iconBgClassName
+          }),
           "aria-hidden": true,
           children: /*#__PURE__*/_jsx(Icon, {
-            className: cx(iconClassName, stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["group-disabled/accordion-trigger:text-grey-300"])))),
-            width: ICON_SIZE,
-            height: ICON_SIZE
+            className: styles.icon({
+              className: iconClassName
+            })
           })
         }), /*#__PURE__*/_jsxs("div", {
-          className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["flex flex-col gap-y-1 text-left grow"]))),
+          className: styles.titleCol(),
           children: [/*#__PURE__*/_jsx("div", {
-            className: cx(stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["typo-display-heading line-clamp-2 group-disabled/accordion-trigger:text-grey-300"]))), titleClassName),
+            className: styles.title({
+              className: titleClassName
+            }),
             children: children
-          }), typeof description !== "undefined" && /*#__PURE__*/_jsx("div", {
-            className: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["typo-display-body typo-subdued line-clamp-3 group-disabled/accordion-trigger:text-grey-300"]))),
+          }), !isCompact && typeof description !== "undefined" && /*#__PURE__*/_jsx("div", {
+            className: styles.description(),
             children: description
           })]
         })]
       }), /*#__PURE__*/_jsxs("div", {
-        className: stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["flex items-center gap-x-2"]))),
-        children: [typeof meta !== "undefined" && /*#__PURE__*/_jsx("div", {
-          className: stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["typo-display-caption group-disabled/accordion-trigger:text-grey-300"]))),
+        className: styles.metaWrapper(),
+        children: [typeof meta !== "undefined" && !isCompact && /*#__PURE__*/_jsx("div", {
+          className: styles.meta(),
           children: meta
         }), /*#__PURE__*/_jsx(TriggerIcon, {
-          className: cx(stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["shrink-0 typo-subdued group-disabled/accordion-trigger:text-grey-300"]))),
-          // Don't rotate the trigger icon if it's a custom one.
-          !triggerIcon && stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral([" group-data-[state=open]/accordion-trigger:rotate-180 motion-safe:transition-transform motion-safe:duration-300 motion-safe:ease-out"])))),
-          width: TRIGGER_ICON_SIZE,
-          height: TRIGGER_ICON_SIZE,
+          className: cx(styles.triggerIcon(), !triggerIcon && styles.triggerIconChevron()),
           "aria-hidden": true
         })]
       })]
@@ -123,14 +163,21 @@ var AccordionHeader = /*#__PURE__*/forwardRef(function (_ref3, ref) {
   });
 });
 AccordionHeader.displayName = "AccordionHeader";
-var AccordionContent = /*#__PURE__*/forwardRef(function (_ref4, ref) {
-  var children = _ref4.children,
-    className = _ref4.className;
+var AccordionContent = /*#__PURE__*/forwardRef(function (_ref5, ref) {
+  var children = _ref5.children,
+    className = _ref5.className;
+  var _useAccordionVariant4 = useAccordionVariant(),
+    variant = _useAccordionVariant4.variant;
+  var styles = accordionStyles({
+    variant: variant
+  });
   return /*#__PURE__*/_jsx(RadixAccordion.Content, {
     ref: ref,
-    className: cx(stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["typo-display-body typo-subdued overflow-hidden accordion-content"]))), className),
+    className: styles.content({
+      className: className
+    }),
     children: /*#__PURE__*/_jsx("div", {
-      className: stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["px-4 pt-2 pb-4"]))),
+      className: styles.contentInner(),
       children: children
     })
   });

package/dist/esm/Actions/Accordion/Accordion.styles.d.ts

@@ -0,0 +1,170 @@
+export declare const accordionStyles: import("tailwind-variants").TVReturnType<{
+    variant: {
+        normal: {
+            trigger: string;
+            titleWrapper: string;
+            iconBg: string;
+            triggerIcon: string;
+            contentInner: string;
+        };
+        compact: {
+            trigger: string;
+            titleWrapper: string;
+            iconBg: string;
+            title: string;
+            description: string;
+            metaWrapper: string;
+            meta: string;
+            triggerIcon: string;
+            content: string;
+            contentInner: string;
+        };
+    };
+}, {
+    base: string;
+    item: string;
+    header: string;
+    trigger: string;
+    titleWrapper: string;
+    iconBg: string;
+    icon: string;
+    titleCol: string;
+    title: string;
+    description: string;
+    metaWrapper: string;
+    meta: string;
+    triggerIcon: string;
+    triggerIconChevron: string;
+    content: string;
+    contentInner: string;
+}, undefined, {
+    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
+        variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+    } | undefined;
+} & import("tailwind-variants/dist/config").TWMConfig & {
+    twMergeConfig: {
+        prefix: string;
+    };
+}, {
+    variant: {
+        normal: {
+            trigger: string;
+            titleWrapper: string;
+            iconBg: string;
+            triggerIcon: string;
+            contentInner: string;
+        };
+        compact: {
+            trigger: string;
+            titleWrapper: string;
+            iconBg: string;
+            title: string;
+            description: string;
+            metaWrapper: string;
+            meta: string;
+            triggerIcon: string;
+            content: string;
+            contentInner: string;
+        };
+    };
+}, {
+    base: string;
+    item: string;
+    header: string;
+    trigger: string;
+    titleWrapper: string;
+    iconBg: string;
+    icon: string;
+    titleCol: string;
+    title: string;
+    description: string;
+    metaWrapper: string;
+    meta: string;
+    triggerIcon: string;
+    triggerIconChevron: string;
+    content: string;
+    contentInner: string;
+}, import("tailwind-variants").TVReturnType<{
+    variant: {
+        normal: {
+            trigger: string;
+            titleWrapper: string;
+            iconBg: string;
+            triggerIcon: string;
+            contentInner: string;
+        };
+        compact: {
+            trigger: string;
+            titleWrapper: string;
+            iconBg: string;
+            title: string;
+            description: string;
+            metaWrapper: string;
+            meta: string;
+            triggerIcon: string;
+            content: string;
+            contentInner: string;
+        };
+    };
+}, {
+    base: string;
+    item: string;
+    header: string;
+    trigger: string;
+    titleWrapper: string;
+    iconBg: string;
+    icon: string;
+    titleCol: string;
+    title: string;
+    description: string;
+    metaWrapper: string;
+    meta: string;
+    triggerIcon: string;
+    triggerIconChevron: string;
+    content: string;
+    contentInner: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    variant: {
+        normal: {
+            trigger: string;
+            titleWrapper: string;
+            iconBg: string;
+            triggerIcon: string;
+            contentInner: string;
+        };
+        compact: {
+            trigger: string;
+            titleWrapper: string;
+            iconBg: string;
+            title: string;
+            description: string;
+            metaWrapper: string;
+            meta: string;
+            triggerIcon: string;
+            content: string;
+            contentInner: string;
+        };
+    };
+}, {
+    variant: {
+        normal: {
+            trigger: string;
+            titleWrapper: string;
+            iconBg: string;
+            triggerIcon: string;
+            contentInner: string;
+        };
+        compact: {
+            trigger: string;
+            titleWrapper: string;
+            iconBg: string;
+            title: string;
+            description: string;
+            metaWrapper: string;
+            meta: string;
+            triggerIcon: string;
+            content: string;
+            contentInner: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;

package/dist/esm/Actions/Accordion/Accordion.styles.js

@@ -0,0 +1,50 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+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, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31;
+import stl from "./../../styles/helpers/satellitePrefixer";
+import { tv } from "./../../styles/helpers/tv";
+export var accordionStyles = tv({
+  slots: {
+    base: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex flex-col"]))),
+    item: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["group/accordion-item flex flex-col"]))),
+    header: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral([""]))),
+    trigger: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["group/accordion-trigger flex items-center justify-between"]))),
+    titleWrapper: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["flex items-center grow"]))),
+    iconBg: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["flex items-center justify-center shrink-0"]))),
+    icon: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["size-4 text-grey-600 group-disabled/accordion-trigger:text-grey-300"]))),
+    titleCol: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["flex flex-col gap-y-1 text-left grow"]))),
+    title: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["typo-display-heading line-clamp-2 group-disabled/accordion-trigger:text-grey-300"]))),
+    description: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["typo-display-body text-grey-600 line-clamp-3 group-disabled/accordion-trigger:text-grey-300"]))),
+    metaWrapper: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["flex items-center gap-x-2"]))),
+    meta: stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["typo-display-caption group-disabled/accordion-trigger:text-grey-300"]))),
+    triggerIcon: stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["shrink-0 text-grey-600 group-disabled/accordion-trigger:text-grey-300"]))),
+    triggerIconChevron: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["group-data-[state=open]/accordion-trigger:rotate-180 motion-safe:transition-transform motion-safe:duration-300 motion-safe:ease-out"]))),
+    content: stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["typo-display-body text-grey-600 overflow-hidden accordion-content"]))),
+    contentInner: stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral([""])))
+  },
+  variants: {
+    variant: {
+      normal: {
+        trigger: stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["w-full gap-x-3 px-3.5 py-2.5 group-first/accordion-item:rounded-t group-last/accordion-item:rounded-b bg-white border-2 border-transparent focus-visible:outline-none focus-visible:border-accent-600 enabled:hover:bg-grey-50 motion-safe:transition-colors"]))),
+        titleWrapper: stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["gap-x-3"]))),
+        iconBg: stl(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["rounded-full w-8 h-8 bg-grey-100"]))),
+        triggerIcon: stl(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["size-5"]))),
+        contentInner: stl(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["px-4 pt-2 pb-4"])))
+      },
+      compact: {
+        trigger: stl(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["min-h-0 gap-x-2 bg-transparent border-0 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent-600"]))),
+        titleWrapper: stl(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["gap-x-1"]))),
+        iconBg: stl(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["h-6 bg-transparent"]))),
+        title: stl(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["typo-display-body"]))),
+        description: stl(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["hidden"]))),
+        metaWrapper: stl(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral([""]))),
+        meta: stl(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["hidden"]))),
+        triggerIcon: stl(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["size-4"]))),
+        content: stl(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["py-0"]))),
+        contentInner: stl(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["py-1"])))
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "normal"
+  }
+});

package/dist/esm/Actions/Accordion/Accordion.tailwind.d.ts

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

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { type PolymorphicButtonProps } from "./PolymorphicButton";
-export declare type ButtonProps = Omit<PolymorphicButtonProps<"button">, "as" | "ref">;
+export type ButtonProps = Omit<PolymorphicButtonProps<"button">, "as" | "ref">;
 /**
  * The `Button` component is used to trigger user actions (like "Add", "Close" or "Save") or navigate users elsewhere through the links. It can contain a combination of a clear label and an icon while links are always text.
  *

package/dist/esm/Actions/Button/Button.tailwind.d.ts

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

package/dist/esm/Actions/Button/PolymorphicButton.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import type { ButtonBaseProps, PolymorphicComponentPropWithRef } from "./types";
-export declare type PolymorphicButtonProps<C extends React.ElementType> = PolymorphicComponentPropWithRef<C, ButtonBaseProps>;
-declare type PolymorphicButtonComponent = (<C extends React.ElementType = "button">(props: PolymorphicButtonProps<C>) => React.ReactElement | null) & {
+export type PolymorphicButtonProps<C extends React.ElementType> = PolymorphicComponentPropWithRef<C, ButtonBaseProps>;
+type PolymorphicButtonComponent = (<C extends React.ElementType = "button">(props: PolymorphicButtonProps<C>) => React.ReactNode) & {
     displayName?: string;
 };
 /**

package/dist/esm/Actions/Button/PolymorphicIconButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ButtonSize, ButtonVariant, PolymorphicComponentPropWithRef } from "./types";
 import type { IconComponentType } from "../../Icons";
 import type { TooltipWrapperBaseProps } from "../../Overlay/TooltipWrapper/types";
@@ -54,8 +53,8 @@ export interface IconButtonBaseProps {
      */
     className?: string;
 }
-export declare type PolymorphicIconButtonProps<C extends React.ElementType> = PolymorphicComponentPropWithRef<C, IconButtonBaseProps>;
-declare type PolymorphicIconButtonComponent = (<C extends React.ElementType = "button">(props: PolymorphicIconButtonProps<C>) => React.ReactElement | null) & {
+export type PolymorphicIconButtonProps<C extends React.ElementType> = PolymorphicComponentPropWithRef<C, IconButtonBaseProps>;
+type PolymorphicIconButtonComponent = (<C extends React.ElementType = "button">(props: PolymorphicIconButtonProps<C>) => React.ReactNode) & {
     displayName?: string;
 };
 /**

package/dist/esm/Actions/Button/types.d.ts

@@ -1,8 +1,8 @@
 import type { PropsWithChildren, ReactNode } from "react";
 import type { IconComponentType } from "../../Icons";
-export declare type ButtonVariant = "subtle" | "neutral" | "primary" | "destructive";
+export type ButtonVariant = "subtle" | "neutral" | "primary" | "destructive";
 export declare const buttonSizes: readonly ["small", "medium", "large"];
-export declare type ButtonSize = (typeof buttonSizes)[number];
+export type ButtonSize = (typeof buttonSizes)[number];
 export interface ButtonBaseProps {
     /**
      * The variant of the `Button`.
@@ -42,13 +42,13 @@ export interface ButtonBaseProps {
     className?: string;
 }
 export declare function isButtonType(props: any): props is JSX.IntrinsicElements["button"];
-declare type AsProp<C extends React.ElementType> = {
+type AsProp<C extends React.ElementType> = {
     as?: C;
 };
-declare type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
-declare type PolymorphicComponentProp<C extends React.ElementType, Props = object> = PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
-export declare type PolymorphicComponentPropWithRef<C extends React.ElementType, Props = object> = PolymorphicComponentProp<C, Props> & {
+type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
+type PolymorphicComponentProp<C extends React.ElementType, Props = object> = PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
+export type PolymorphicComponentPropWithRef<C extends React.ElementType, Props = object> = PolymorphicComponentProp<C, Props> & {
     ref?: PolymorphicRef<C>;
 };
-export declare type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>["ref"];
+export type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>["ref"];
 export {};

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import type { PolymorphicButtonProps } from "../../Actions/Button/PolymorphicButton";
-export declare type ButtonLinkProps = Omit<PolymorphicButtonProps<"a">, "as" | "ref"> & {
+export type ButtonLinkProps = Omit<PolymorphicButtonProps<"a">, "as" | "ref"> & {
     href: string;
     withExternalLinkIcon?: boolean;
 };
@@ -11,5 +10,5 @@ export declare type ButtonLinkProps = Omit<PolymorphicButtonProps<"a">, "as" | "
  */
 export declare const ButtonLink: import("react").ForwardRefExoticComponent<Omit<PolymorphicButtonProps<"a">, "ref" | "as"> & {
     href: string;
-    withExternalLinkIcon?: boolean | undefined;
+    withExternalLinkIcon?: boolean;
 } & import("react").RefAttributes<HTMLAnchorElement>>;

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import type { PolymorphicIconButtonProps } from "../../Actions/Button/PolymorphicIconButton";
-export declare type IconButtonProps = Omit<PolymorphicIconButtonProps<"button">, "as" | "ref">;
+export type IconButtonProps = Omit<PolymorphicIconButtonProps<"button">, "as" | "ref">;
 /**
  * The `IconButton` component is used to trigger user actions (like "Add", "Close" or "Save"). It can only contain an icon.
  *

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import type { PolymorphicIconButtonProps } from "../../Actions/Button/PolymorphicIconButton";
-export declare type IconButtonLinkProps = Omit<PolymorphicIconButtonProps<"a">, "as" | "ref"> & {
+export type IconButtonLinkProps = Omit<PolymorphicIconButtonProps<"a">, "as" | "ref"> & {
     href: string;
 };
 /**

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

@@ -2,7 +2,7 @@ import type { FC, MouseEvent } from "react";
 import type { IconButtonProps } from "../../Actions/IconButton/IconButton";
 import type { IconComponentType } from "../../Icons";
 export declare const RESET_STATUS_DELAY = 100;
-export declare type IconButtonWithFeedbackLocale = {
+export type IconButtonWithFeedbackLocale = {
     /**
      * The tooltip message shown after a successful click.
      * @default "Success"
@@ -19,7 +19,7 @@ export declare type IconButtonWithFeedbackLocale = {
      */
     loading?: string;
 };
-export declare type IconButtonWithFeedbackProps = Omit<IconButtonProps, "title" | "showTooltip" | "loading" | "onClick"> & {
+export type IconButtonWithFeedbackProps = Omit<IconButtonProps, "title" | "showTooltip" | "loading" | "onClick"> & {
     /**
      * The icon to display when the action succeeds.
      * Set to `false` to disable the success icon.

package/dist/esm/Actions/SegmentedControl/SegmentedControl.tailwind.d.ts

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

package/dist/esm/Actions/SegmentedControl/types.d.ts

@@ -1,4 +1,4 @@
-export declare type SegmentedControlSize = "small" | "medium" | "large";
+export type SegmentedControlSize = "small" | "medium" | "large";
 export interface SegmentedControlContextValue {
     name: string;
     value: string;

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

@@ -1,7 +1,7 @@
 import type { ToggleProps } from "@radix-ui/react-toggle";
 import type { PropsWithChildren } from "react";
 import type { ToggleButtonBaseProps } from "./ToggleButtonBase";
-export declare type ToggleButtonProps = PropsWithChildren<{
+export type ToggleButtonProps = PropsWithChildren<{
     /**
      * The pressed state of the `ToggleButton`.
      */

package/dist/esm/Actions/ToggleButton/ToggleButtonBase.d.ts

@@ -1,7 +1,7 @@
 import type { CSSProperties, ReactNode } from "react";
 import type { ButtonSize } from "../../Actions/Button/types";
 import type { IconComponentType } from "../../Icons";
-declare type IconOnlyToggleButtonBaseProps = {
+type IconOnlyToggleButtonBaseProps = {
     /**
      * The icon to display for the `ToggleButton`.
      */
@@ -11,7 +11,7 @@ declare type IconOnlyToggleButtonBaseProps = {
      */
     label: string;
 };
-declare type TextToggleButtonBaseProps = {
+type TextToggleButtonBaseProps = {
     /**
      * The icon to display for the `ToggleButton`.
      */
@@ -21,7 +21,7 @@ declare type TextToggleButtonBaseProps = {
      */
     children: ReactNode;
 };
-export declare type ToggleButtonBaseProps = {
+export type ToggleButtonBaseProps = {
     /**
      * The id of the `ToggleButton`.
      */