@algolia/satellite 1.0.0-beta.131 → 1.0.0-beta.134

package/esm/Sidebar/Sidebar.js

@@ -1,16 +1,22 @@
-import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 
 var _templateObject;
 
 var _excluded = ["className", "variant", "collapsed", "children"];
-import React, { useMemo } from "react";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import cx from "classnames";
+import { useMemo } from "react";
 import stl from "../styles/helpers/satellitePrefixer";
-import SidebarContext, { SIDEBAR_CONTEXT_DEFAULT } from "./SidebarContext";
 import SidebarHeader from "./components/SidebarHeader";
 import SidebarLink from "./components/SidebarLink";
+import SidebarContext, { SIDEBAR_CONTEXT_DEFAULT } from "./SidebarContext";
+import { jsx as _jsx } from "react/jsx-runtime";
 export var Sidebar = function Sidebar(_ref) {
   var className = _ref.className,
       _ref$variant = _ref.variant,
@@ -26,11 +32,13 @@ export var Sidebar = function Sidebar(_ref) {
       collapsed: collapsed
     };
   }, [variant, collapsed]);
-  return /*#__PURE__*/React.createElement(SidebarContext.Provider, {
-    value: sidebarContext
-  }, /*#__PURE__*/React.createElement("nav", _extends({}, navProps, {
-    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["sidebar ", " ", " display-body"])), variant === "light" && "sidebar-light", collapsed && "sidebar-collapsed"), className)
-  }), children));
+  return /*#__PURE__*/_jsx(SidebarContext.Provider, {
+    value: sidebarContext,
+    children: /*#__PURE__*/_jsx("nav", _objectSpread(_objectSpread({}, navProps), {}, {
+      className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["sidebar ", " ", " display-body"])), variant === "light" && "sidebar-light", collapsed && "sidebar-collapsed"), className),
+      children: children
+    }))
+  });
 };
 Sidebar.Header = SidebarHeader;
 Sidebar.Link = SidebarLink;

package/esm/Sidebar/Sidebar.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = sidebarPlugin;
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-declare const sidebarPlugin: import('../tailwind-types').TailwindPlugin;
+declare const sidebarPlugin: {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: import("tailwindcss").Config | undefined;
+};

package/esm/Sidebar/Sidebar.tailwind.js

@@ -1,9 +1,7 @@
+import _plugin from "tailwindcss/plugin";
 // @ts-check
-
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-var sidebarPlugin = function sidebarPlugin(_ref) {
+var plugin = _plugin;
+var sidebarPlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
       theme = _ref.theme;
 
@@ -19,14 +17,14 @@ var sidebarPlugin = function sidebarPlugin(_ref) {
     ".sidebar": {
       backgroundColor: theme("colors.grey.900"),
       color: theme("colors.grey.200"),
-      width: 256
+      width: "256px"
     },
     ".sidebar-light": {
       backgroundColor: theme("colors.white"),
       boxShadow: "\n        0 0 0 1px ".concat(theme("colors.shadow.5"), ",\n        0 1px 3px 0 ").concat(theme("colors.shadow.15"), "\n      ")
     },
     ".sidebar-collapsed": {
-      width: 80
+      width: "80px"
     }
   });
   addComponents({
@@ -62,6 +60,5 @@ var sidebarPlugin = function sidebarPlugin(_ref) {
       }
     }
   });
-};
-
+});
 export default sidebarPlugin;

package/esm/Sidebar/SidebarContext.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SidebarVariant, SidebarCollapsed } from "./types";
+import type { SidebarCollapsed, SidebarVariant } from "./types";
 export interface SideBarContextType {
     variant: SidebarVariant;
     collapsed: SidebarCollapsed;

package/esm/Sidebar/components/SidebarHeader.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-export interface SidebarHeaderProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> {
+import type { DetailedHTMLProps, HTMLAttributes } from "react";
+export interface SidebarHeaderProps extends DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> {
 }
 export declare const SidebarHeader: ({ className, children, ...headingProps }: SidebarHeaderProps) => JSX.Element;
 export default SidebarHeader;

package/esm/Sidebar/components/SidebarHeader.js

@@ -1,14 +1,19 @@
-import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 
 var _templateObject;
 
 var _excluded = ["className", "children"];
-import React from "react";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import cx from "classnames";
 import stl from "../../styles/helpers/satellitePrefixer";
 import { useSidebarContext } from "../SidebarContext";
+import { jsx as _jsx } from "react/jsx-runtime";
 export var SidebarHeader = function SidebarHeader(_ref) {
   var className = _ref.className,
       children = _ref.children,
@@ -18,8 +23,9 @@ export var SidebarHeader = function SidebarHeader(_ref) {
       variant = _useSidebarContext.variant,
       collapsed = _useSidebarContext.collapsed;
 
-  return /*#__PURE__*/React.createElement("h3", _extends({}, headingProps, {
-    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        h-10 pl-8\n        flex items-center\n        display-subheading uppercase\n        ", "\n        ", "\n      "])), variant === "dark" ? "text-white" : "text-grey-900", collapsed && "invisible overflow-hidden"), className)
-  }), children);
+  return /*#__PURE__*/_jsx("h3", _objectSpread(_objectSpread({}, headingProps), {}, {
+    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        h-10 pl-8\n        flex items-center\n        display-subheading uppercase\n        ", "\n        ", "\n      "])), variant === "dark" ? "text-white" : "text-grey-900", collapsed && "invisible overflow-hidden"), className),
+    children: children
+  }));
 };
 export default SidebarHeader;

package/esm/Sidebar/components/SidebarLink.d.ts

@@ -1,9 +1,10 @@
-import React, { FunctionComponent } from "react";
+import type { AnchorHTMLAttributes, DetailedHTMLProps, FunctionComponent, ReactNode } from "react";
+import type { IconComponentType } from "../../types";
 import matchLocation from "../../utils/matchLocation";
-import { IconComponentType } from "../../types";
-export interface SidebarLinkProps extends React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> {
+export interface SidebarLinkProps extends DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> {
     icon?: IconComponentType;
     active?: typeof matchLocation | boolean;
+    children: ReactNode;
 }
 export declare const SidebarLink: FunctionComponent<SidebarLinkProps>;
 export default SidebarLink;

package/esm/Sidebar/components/SidebarLink.js

@@ -1,23 +1,32 @@
-import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
 var _excluded = ["className", "children", "active", "icon"];
-import React from "react";
-import { ExternalLink } from "react-feather";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import cx from "classnames";
+import { ExternalLink } from "react-feather";
 import useLocation from "react-use/lib/useLocation";
-import useLinkProps from "../../utils/useLinkProps";
-import matchLocation from "../../utils/matchLocation";
 import stl from "../../styles/helpers/satellitePrefixer";
-import { useSidebarContext } from "../SidebarContext";
 import { TooltipWrapper } from "../../Tooltip";
+import matchLocation from "../../utils/matchLocation";
+import useLinkProps from "../../utils/useLinkProps";
+import { useSidebarContext } from "../SidebarContext";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 
 var IdentityWrapper = function IdentityWrapper(_ref) {
   var children = _ref.children;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: children
+  });
 };
 
 export var SidebarLink = function SidebarLink(_ref2) {
@@ -44,22 +53,26 @@ export var SidebarLink = function SidebarLink(_ref2) {
   var activeIconBackground = variant === "light" ? "bg-accent-200" : "bg-grey-800";
   var Wrapper = collapsed ? TooltipWrapper : IdentityWrapper;
   var isExternalLink = satelliteLinkProps.target === "_blank";
-  return /*#__PURE__*/React.createElement(Wrapper, {
+  return /*#__PURE__*/_jsx(Wrapper, {
     wrapperClassName: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["w-full"]))),
     content: children,
     tooltipVariant: "light",
-    placement: "right"
-  }, /*#__PURE__*/React.createElement("a", _extends({}, anchorProps, satelliteLinkProps, {
-    className: cx(stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["sidebar-link display-body\n          ", "\n          ", "\n        "])), variant === "light" && "sidebar-link-light", showActive && "sidebar-link-active"), className)
-  }), Icon && /*#__PURE__*/React.createElement("span", {
-    className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            flex-shrink-0\n            ml-1 mr-2 h-6 w-6\n            flex items-center justify-center\n            text-inherit rounded\n            ", "\n          "])), showActive && activeIconBackground)
-  }, /*#__PURE__*/React.createElement(Icon, {
-    size: "1rem"
-  })), !collapsed && /*#__PURE__*/React.createElement("span", {
-    className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["flex-1 truncate ", ""])), !Icon && "ml-2")
-  }, children), !collapsed && isExternalLink && /*#__PURE__*/React.createElement(ExternalLink, {
-    className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["ml-1"]))),
-    size: "1em"
-  })));
+    placement: "right",
+    children: /*#__PURE__*/_jsxs("a", _objectSpread(_objectSpread(_objectSpread({}, anchorProps), satelliteLinkProps), {}, {
+      className: cx(stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["sidebar-link display-body\n          ", "\n          ", "\n        "])), variant === "light" && "sidebar-link-light", showActive && "sidebar-link-active"), className),
+      children: [Icon && /*#__PURE__*/_jsx("span", {
+        className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            shrink-0\n            ml-1 mr-2 h-6 w-6\n            flex items-center justify-center\n            text-inherit rounded\n            ", "\n          "])), showActive && activeIconBackground),
+        children: /*#__PURE__*/_jsx(Icon, {
+          size: "1rem"
+        })
+      }), !collapsed && /*#__PURE__*/_jsx("span", {
+        className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["flex-1 truncate ", ""])), !Icon && "ml-2"),
+        children: children
+      }), !collapsed && isExternalLink && /*#__PURE__*/_jsx(ExternalLink, {
+        className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["ml-1"]))),
+        size: "1em"
+      })]
+    }))
+  });
 };
 export default SidebarLink;

package/esm/Switch/Switch.d.ts

@@ -1,11 +1,11 @@
-import React, { FunctionComponent } from "react";
-import { SwitchSize } from "./types";
+import type { FunctionComponent, ReactNode } from "react";
+import type { SwitchSize } from "./types";
 export interface SwitchProps {
     className?: string;
     value: string;
     disabled?: boolean;
     onChange: (value: string) => void;
-    children: React.ReactNode;
+    children: ReactNode;
     size?: SwitchSize;
     name?: string;
 }

package/esm/Switch/Switch.js

@@ -3,13 +3,15 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 
 var _templateObject, _templateObject2;
 
-import React, { useState, useLayoutEffect, useRef } from "react";
 import cx from "classnames";
-import stl from "../styles/helpers/satellitePrefixer";
+import { useLayoutEffect, useRef, useState } from "react";
 import { BUTTON_SIZE_CLASSNAMES } from "../Button/styles";
 import { RadioGroupContext } from "../RadioGroup";
+import stl from "../styles/helpers/satellitePrefixer";
 import uniqueId from "../utils/uniqueId";
 import { buildAnimationKeySelector } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export var Switch = function Switch(_ref) {
   var className = _ref.className,
       children = _ref.children,
@@ -64,20 +66,22 @@ export var Switch = function Switch(_ref) {
       setValueIndicatorStyle(newValueIndicatorStyle);
     }
   });
-  return /*#__PURE__*/React.createElement(RadioGroupContext.Provider, {
+  return /*#__PURE__*/_jsx(RadioGroupContext.Provider, {
     value: {
       value: value,
       name: radioName,
       onChange: onChange,
       disabled: disabled
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: containerRef,
-    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["switch\n           relative inline-flex typo-display-body rounded bg-grey-100\n           ", "\n          "])), size === "large" ? "switch-large space-x-1" : "space-x-2px"), BUTTON_SIZE_CLASSNAMES[size], className)
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: valueIndicatorRef,
-    style: valueIndicatorStyle,
-    className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            absolute top-0 left-0 z-0 min-w-4 h-full\n            btn btn-neutral \n            pointer-events-none invisible\n          "])))
-  }), children));
+    },
+    children: /*#__PURE__*/_jsxs("div", {
+      ref: containerRef,
+      className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["switch\n           relative inline-flex typo-display-body rounded bg-grey-100\n           ", "\n          "])), size === "large" ? "switch-large space-x-1" : "space-x-2px"), BUTTON_SIZE_CLASSNAMES[size], className),
+      children: [/*#__PURE__*/_jsx("div", {
+        ref: valueIndicatorRef,
+        style: valueIndicatorStyle,
+        className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            absolute top-0 left-0 z-0 min-w-4 h-full\n            btn btn-neutral\n            pointer-events-none invisible\n          "])))
+      }), children]
+    })
+  });
 };
 export default Switch;

package/esm/Switch/Switch.tailwind.d.ts

@@ -1,5 +1,5 @@
-export = tablePlugin;
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-declare const tablePlugin: import('../tailwind-types').TailwindPlugin;
+export = switchPlugin;
+declare const switchPlugin: {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: import("tailwindcss").Config | undefined;
+};

package/esm/Switch/Switch.tailwind.js

@@ -1,13 +1,13 @@
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-var tablePlugin = function tablePlugin(_ref) {
+import _plugin from "tailwindcss/plugin";
+// @ts-check
+var plugin = _plugin;
+var switchPlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
       theme = _ref.theme;
   addComponents({
     ".switch": {
       // this + position relative helps create a new stack context (helps with z-index)
-      zIndex: 1,
+      zIndex: "1",
       boxShadow: "0 0 0 2px ".concat(theme("colors.grey.100")),
       "&:focus-within:focus-visible": {
         boxShadow: "\n          0 0 0 1px ".concat(theme("colors.grey.100"), ",\n          0 0 0 2px ").concat(theme("colors.accent.600"), "\n        ")
@@ -20,6 +20,5 @@ var tablePlugin = function tablePlugin(_ref) {
       }
     }
   });
-};
-
-export default tablePlugin;
+});
+export default switchPlugin;

package/esm/Switch/SwitchOption.d.ts

@@ -1,7 +1,8 @@
-import { FunctionComponent } from "react";
+import type { FunctionComponent, ReactNode } from "react";
 export interface SwitchOptionProps {
     value: string;
     disabled?: boolean;
+    children: ReactNode;
 }
 export declare const SwitchOption: FunctionComponent<SwitchOptionProps>;
 export default SwitchOption;

package/esm/Switch/SwitchOption.js

@@ -1,13 +1,18 @@
-import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 
 var _templateObject, _templateObject2;
 
-import React from "react";
-import stl from "../styles/helpers/satellitePrefixer";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import { useRadioGroupContext } from "../RadioGroup";
+import stl from "../styles/helpers/satellitePrefixer";
 import { OverflowTooltipWrapper } from "../Tooltip/OverflowTooltipWrapper";
 import { buildAnimationProps } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export var SwitchOption = function SwitchOption(_ref) {
   var value = _ref.value,
       disabled = _ref.disabled,
@@ -15,18 +20,22 @@ export var SwitchOption = function SwitchOption(_ref) {
   var context = useRadioGroupContext();
   var checked = context.value === value;
   var inputDisabled = context.disabled || disabled;
-  return /*#__PURE__*/React.createElement("label", _extends({
-    className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        inline-flex justify-center items-center min-w-16 max-w-48 px-4 z-10 flex-grow flex-shrink\n        ", "\n        ", "\n      "])), inputDisabled ? "cursor-not-allowed opacity-60 rounded bg-grey-100" : "cursor-pointer", !checked && !inputDisabled && "rounded hover:bg-accent-200 hover:bg-opacity-20 transition-colors duration-100 ease-linear")
-  }, buildAnimationProps(context.name, value)), /*#__PURE__*/React.createElement("input", {
-    className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["w-0 h-0 opacity-0"]))),
-    type: "radio",
-    value: value,
-    name: context.name,
-    checked: checked,
-    disabled: inputDisabled,
-    onChange: function onChange(evt) {
-      return context.onChange(evt.currentTarget.value);
-    }
-  }), /*#__PURE__*/React.createElement(OverflowTooltipWrapper, null, children));
+  return /*#__PURE__*/_jsxs("label", _objectSpread(_objectSpread({
+    className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        inline-flex grow shrink justify-center items-center min-w-16 max-w-48 px-4 z-10\n        ", "\n        ", "\n      "])), inputDisabled ? "cursor-not-allowed opacity-60 rounded bg-grey-100" : "cursor-pointer", !checked && !inputDisabled && "rounded hover:bg-accent-200/20 transition-colors duration-100 ease-linear")
+  }, buildAnimationProps(context.name, value)), {}, {
+    children: [/*#__PURE__*/_jsx("input", {
+      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["w-0 h-0 opacity-0"]))),
+      type: "radio",
+      value: value,
+      name: context.name,
+      checked: checked,
+      disabled: inputDisabled,
+      onChange: function onChange(evt) {
+        return context.onChange(evt.currentTarget.value);
+      }
+    }), /*#__PURE__*/_jsx(OverflowTooltipWrapper, {
+      children: children
+    })]
+  }));
 };
 export default SwitchOption;

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

@@ -1,6 +1,15 @@
-import React from "react";
-import type { ColumnDefinition, Row, Status, SelectMode, PaginationConfiguration, Sorting, DataConfiguration, GetItemId } from "./types";
+import type { ReactNode } from "react";
+import type { ColumnDefinition, DataConfiguration, GetItemId, PaginationConfiguration, Row, SelectMode, Sorting, Status } from "./types";
 declare type CanSelectItem<Item> = (item: Item, idx: number) => boolean;
+export declare type DataTableLocale = {
+    selectAllButton?: string;
+    noDataTitle?: string;
+    noDataDescription?: string;
+    loadingTitle?: string;
+    loadingDescription?: string;
+    errorTitle?: string;
+    errorDescription?: string;
+};
 interface BaseDataTableProps<Item> {
     data: Item[];
     itemId?: GetItemId<Item>;
@@ -8,11 +17,12 @@ interface BaseDataTableProps<Item> {
     sorting?: Sorting[];
     onChange?(dataConfiguration: DataConfiguration): void;
     status?: Status;
-    noDataContent?: React.ReactNode;
-    errorContent?: React.ReactNode;
+    noDataContent?: ReactNode;
+    errorContent?: ReactNode;
     columns: ColumnDefinition<Item>[];
     canHoverRow?(row: Row<Item>): boolean;
     onRowHoveredChanged?(row: Row<Item> | null): void;
+    locale?: DataTableLocale;
 }
 declare type DataTableWithSelectMode<Item> = {
     selectMode: Exclude<SelectMode, "none">;
@@ -46,5 +56,5 @@ export declare type DataTableProps<Item> = BaseDataTableProps<Item> & (DataTable
  * - If a cell is empty or unavailable, keep the cell empty to reduce noise and help with legibility.
  * - Truncate long text to make it fit into a cell. However, choose column width wisely based on expected values, and adjust the table accordingly
  */
-export declare const DataTable: <Item extends {}>({ data, itemId, columns, onChange, status, noDataContent, errorContent, sorting, pagination, selectMode, selection, onSelectionChange, canSelectItem, canHoverRow, onRowHoveredChanged, }: DataTableProps<Item>) => JSX.Element;
+export declare const DataTable: <Item extends {}>({ data, itemId, columns, onChange, status, noDataContent, errorContent, sorting, pagination, selectMode, selection, onSelectionChange, canSelectItem, canHoverRow, onRowHoveredChanged, locale: propsLocale, }: DataTableProps<Item>) => JSX.Element;
 export default DataTable;