@redis-ui/components 44.0.2 → 46.1.2

package/dist/Overflow/components/OverflowContainer/OverflowContainer.style.js

@@ -1,10 +1,8 @@
 import _styled from "styled-components";
-const OverflowContainer = _styled.div.withConfig({
-  displayName: "OverflowContainerstyle__OverflowContainer",
-  componentId: "RedisUI__sc-h9ojyy-0"
-})(["position:relative;display:flex;overflow:hidden;white-space:nowrap;flex-wrap:", ";"], ({
-  multiline
-}) => multiline ? "wrap" : void 0);
-export {
-  OverflowContainer
-};
+//#region src/Overflow/components/OverflowContainer/OverflowContainer.style.ts
+var OverflowContainer = _styled.div.withConfig({
+	displayName: "OverflowContainerstyle__OverflowContainer",
+	componentId: "RedisUI__sc-h9ojyy-0"
+})(["position:relative;display:flex;overflow:hidden;white-space:nowrap;flex-wrap:", ";"], ({ multiline }) => multiline ? "wrap" : void 0);
+//#endregion
+export { OverflowContainer };

package/dist/Overflow/components/OverflowContainer/OverflowContainer.types.js

@@ -0,0 +1 @@
+export {};

package/dist/Overflow/components/OverflowItem/OverflowItem.cjs

@@ -1,25 +1,21 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
-const React = require("react");
-const useResize = require("../../useResize.cjs");
-const OverflowItem_style = require("./OverflowItem.style.cjs");
-const OverflowItem = ({
-  onSizeChange,
-  itemKey,
-  hidden = false,
-  ...restProps
-}) => {
-  const ref = React.useRef(null);
-  useResize.useResizeWidth((size) => onSizeChange(size, itemKey), ref);
-  return jsxRuntime.jsxRuntimeExports.jsx(OverflowItem_style.OverflowItem, {
-    ...restProps,
-    ref,
-    style: hidden ? {
-      position: "absolute",
-      visibility: "hidden",
-      minWidth: "unset"
-    } : void 0
-  });
+require("../../../_virtual/_rolldown/runtime.cjs");
+const require_useResize = require("../../useResize.cjs");
+const require_OverflowItem_style = require("./OverflowItem.style.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+//#region src/Overflow/components/OverflowItem/OverflowItem.tsx
+var OverflowItem = ({ onSizeChange, itemKey, hidden = false, ...restProps }) => {
+	const ref = (0, react.useRef)(null);
+	require_useResize.useResizeWidth((size) => onSizeChange(size, itemKey), ref);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_OverflowItem_style.OverflowItem, {
+		...restProps,
+		ref,
+		style: hidden ? {
+			position: "absolute",
+			visibility: "hidden",
+			minWidth: "unset"
+		} : void 0
+	});
 };
+//#endregion
 exports.OverflowItem = OverflowItem;

package/dist/Overflow/components/OverflowItem/OverflowItem.js

@@ -1,25 +1,20 @@
-import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
-import { useRef } from "react";
 import { useResizeWidth } from "../../useResize.js";
 import { OverflowItem as OverflowItem$1 } from "./OverflowItem.style.js";
-const OverflowItem = ({
-  onSizeChange,
-  itemKey,
-  hidden = false,
-  ...restProps
-}) => {
-  const ref = useRef(null);
-  useResizeWidth((size) => onSizeChange(size, itemKey), ref);
-  return jsxRuntimeExports.jsx(OverflowItem$1, {
-    ...restProps,
-    ref,
-    style: hidden ? {
-      position: "absolute",
-      visibility: "hidden",
-      minWidth: "unset"
-    } : void 0
-  });
-};
-export {
-  OverflowItem
+import { jsx } from "react/jsx-runtime";
+import { useRef } from "react";
+//#region src/Overflow/components/OverflowItem/OverflowItem.tsx
+var OverflowItem = ({ onSizeChange, itemKey, hidden = false, ...restProps }) => {
+	const ref = useRef(null);
+	useResizeWidth((size) => onSizeChange(size, itemKey), ref);
+	return /* @__PURE__ */ jsx(OverflowItem$1, {
+		...restProps,
+		ref,
+		style: hidden ? {
+			position: "absolute",
+			visibility: "hidden",
+			minWidth: "unset"
+		} : void 0
+	});
 };
+//#endregion
+export { OverflowItem };

package/dist/Overflow/components/OverflowItem/OverflowItem.style.cjs

@@ -1,10 +1,10 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const _styled = require("styled-components");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-const OverflowItem = _styled__default.default.div.withConfig({
-  displayName: "OverflowItemstyle__OverflowItem",
-  componentId: "RedisUI__sc-4kz4n1-0"
+const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
+let styled_components = require("styled-components");
+styled_components = require_runtime.__toESM(styled_components, 1);
+//#region src/Overflow/components/OverflowItem/OverflowItem.style.ts
+var OverflowItem = styled_components.default.div.withConfig({
+	displayName: "OverflowItemstyle__OverflowItem",
+	componentId: "RedisUI__sc-4kz4n1-0"
 })(["display:inline-block;max-width:100%;min-width:0;white-space:unset;"]);
+//#endregion
 exports.OverflowItem = OverflowItem;

package/dist/Overflow/components/OverflowItem/OverflowItem.style.js

@@ -1,8 +1,8 @@
 import _styled from "styled-components";
-const OverflowItem = _styled.div.withConfig({
-  displayName: "OverflowItemstyle__OverflowItem",
-  componentId: "RedisUI__sc-4kz4n1-0"
+//#region src/Overflow/components/OverflowItem/OverflowItem.style.ts
+var OverflowItem = _styled.div.withConfig({
+	displayName: "OverflowItemstyle__OverflowItem",
+	componentId: "RedisUI__sc-4kz4n1-0"
 })(["display:inline-block;max-width:100%;min-width:0;white-space:unset;"]);
-export {
-  OverflowItem
-};
+//#endregion
+export { OverflowItem };

package/dist/Overflow/components/OverflowItem/OverflowItem.types.js

@@ -0,0 +1 @@
+export {};

package/dist/Overflow/index.js

@@ -0,0 +1,2 @@
+export * from './Overflow';
+export * from './Overflow.types';

package/dist/Overflow/useResize.cjs

@@ -1,21 +1,17 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("../node_modules/@react-hook/resize-observer/dist/module/index.cjs");
-const React = require("react");
-const useResize = (onResize, ref) => {
-  index.default(ref, (entry) => onResize(entry.contentRect));
-  React.useLayoutEffect(
-    () => {
-      ref.current && onResize(ref.current.getBoundingClientRect());
-      return () => onResize(null);
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []
-  );
+require("../_virtual/_rolldown/runtime.cjs");
+const require_index = require("../node_modules/@react-hook/resize-observer/dist/module/index.cjs");
+let react = require("react");
+//#region src/Overflow/useResize.tsx
+var useResize = (onResize, ref) => {
+	require_index.default(ref, (entry) => onResize(entry.contentRect));
+	(0, react.useLayoutEffect)(() => {
+		ref.current && onResize(ref.current.getBoundingClientRect());
+		return () => onResize(null);
+	}, []);
 };
-const useResizeWidth = (onResize, ref, isOuter) => {
-  const round = isOuter ? Math.floor : Math.ceil;
-  useResize((size) => onResize(size ? round(size.width) : void 0), ref);
+var useResizeWidth = (onResize, ref, isOuter) => {
+	const round = isOuter ? Math.floor : Math.ceil;
+	useResize((size) => onResize(size ? round(size.width) : void 0), ref);
 };
-exports.useResize = useResize;
+//#endregion
 exports.useResizeWidth = useResizeWidth;

package/dist/Overflow/useResize.js

@@ -1,21 +1,16 @@
 import useResizeObserver from "../node_modules/@react-hook/resize-observer/dist/module/index.js";
 import { useLayoutEffect } from "react";
-const useResize = (onResize, ref) => {
-  useResizeObserver(ref, (entry) => onResize(entry.contentRect));
-  useLayoutEffect(
-    () => {
-      ref.current && onResize(ref.current.getBoundingClientRect());
-      return () => onResize(null);
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []
-  );
+//#region src/Overflow/useResize.tsx
+var useResize = (onResize, ref) => {
+	useResizeObserver(ref, (entry) => onResize(entry.contentRect));
+	useLayoutEffect(() => {
+		ref.current && onResize(ref.current.getBoundingClientRect());
+		return () => onResize(null);
+	}, []);
 };
-const useResizeWidth = (onResize, ref, isOuter) => {
-  const round = isOuter ? Math.floor : Math.ceil;
-  useResize((size) => onResize(size ? round(size.width) : void 0), ref);
-};
-export {
-  useResize,
-  useResizeWidth
+var useResizeWidth = (onResize, ref, isOuter) => {
+	const round = isOuter ? Math.floor : Math.ceil;
+	useResize((size) => onResize(size ? round(size.width) : void 0), ref);
 };
+//#endregion
+export { useResizeWidth };

package/dist/Pagination/Pagination.cjs

@@ -1,19 +1,19 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Compose = require("./components/Compose.cjs");
-const NavigationButton = require("./components/NavigationButton.cjs");
-const InfoLabel = require("./components/InfoLabel.cjs");
-const PageSizeSelect = require("./components/PageSizeSelect.cjs");
-const PageSelect = require("./components/PageSelect.cjs");
-const Pagination_style = require("./Pagination.style.cjs");
-const Pagination = {
-  Compose: Compose.PaginationCompose,
-  NavigationButton: NavigationButton.NavigationButton,
-  Bar: Pagination_style.Bar,
-  Group: Pagination_style.Group,
-  Split: Pagination_style.Split,
-  InfoLabel: InfoLabel.InfoLabel,
-  PageSizeSelect: PageSizeSelect.PageSizeSelect,
-  PageSelect: PageSelect.PageSelect
+const require_Compose = require("./components/Compose.cjs");
+const require_NavigationButton = require("./components/NavigationButton.cjs");
+const require_InfoLabel = require("./components/InfoLabel.cjs");
+const require_Pagination_style = require("./Pagination.style.cjs");
+const require_PageSizeSelect = require("./components/PageSizeSelect.cjs");
+const require_PageSelect = require("./components/PageSelect.cjs");
+//#region src/Pagination/Pagination.tsx
+var Pagination = {
+	Compose: require_Compose.PaginationCompose,
+	NavigationButton: require_NavigationButton.NavigationButton,
+	Bar: require_Pagination_style.Bar,
+	Group: require_Pagination_style.Group,
+	Split: require_Pagination_style.Split,
+	InfoLabel: require_InfoLabel.InfoLabel,
+	PageSizeSelect: require_PageSizeSelect.PageSizeSelect,
+	PageSelect: require_PageSelect.PageSelect
 };
+//#endregion
 exports.Pagination = Pagination;

package/dist/Pagination/Pagination.context.cjs

@@ -1,15 +1,13 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const PaginationContext = React.createContext(null);
-const usePaginationContext = () => {
-  const context = React.useContext(PaginationContext);
-  if (!context) {
-    throw new Error(`Pagination compound components cannot be rendered outside the Pagination component`);
-  }
-  return context;
+require("../_virtual/_rolldown/runtime.cjs");
+let react = require("react");
+//#region src/Pagination/Pagination.context.ts
+var PaginationContext = (0, react.createContext)(null);
+var usePaginationContext = () => {
+	const context = (0, react.useContext)(PaginationContext);
+	if (!context) throw new Error(`Pagination compound components cannot be rendered outside the Pagination component`);
+	return context;
 };
-const PaginationContextProvider = PaginationContext.Provider;
-exports.PaginationContext = PaginationContext;
+var PaginationContextProvider = PaginationContext.Provider;
+//#endregion
 exports.PaginationContextProvider = PaginationContextProvider;
 exports.usePaginationContext = usePaginationContext;

package/dist/Pagination/Pagination.context.js

@@ -1,15 +1,11 @@
 import { createContext, useContext } from "react";
-const PaginationContext = createContext(null);
-const usePaginationContext = () => {
-  const context = useContext(PaginationContext);
-  if (!context) {
-    throw new Error(`Pagination compound components cannot be rendered outside the Pagination component`);
-  }
-  return context;
-};
-const PaginationContextProvider = PaginationContext.Provider;
-export {
-  PaginationContext,
-  PaginationContextProvider,
-  usePaginationContext
+//#region src/Pagination/Pagination.context.ts
+var PaginationContext = createContext(null);
+var usePaginationContext = () => {
+	const context = useContext(PaginationContext);
+	if (!context) throw new Error(`Pagination compound components cannot be rendered outside the Pagination component`);
+	return context;
 };
+var PaginationContextProvider = PaginationContext.Provider;
+//#endregion
+export { PaginationContextProvider, usePaginationContext };

package/dist/Pagination/Pagination.js

@@ -1,19 +1,19 @@
 import { PaginationCompose } from "./components/Compose.js";
 import { NavigationButton } from "./components/NavigationButton.js";
 import { InfoLabel } from "./components/InfoLabel.js";
+import { Bar, Group, Split } from "./Pagination.style.js";
 import { PageSizeSelect } from "./components/PageSizeSelect.js";
 import { PageSelect } from "./components/PageSelect.js";
-import { Bar, Group, Split } from "./Pagination.style.js";
-const Pagination = {
-  Compose: PaginationCompose,
-  NavigationButton,
-  Bar,
-  Group,
-  Split,
-  InfoLabel,
-  PageSizeSelect,
-  PageSelect
-};
-export {
-  Pagination
+//#region src/Pagination/Pagination.tsx
+var Pagination = {
+	Compose: PaginationCompose,
+	NavigationButton,
+	Bar,
+	Group,
+	Split,
+	InfoLabel,
+	PageSizeSelect,
+	PageSelect
 };
+//#endregion
+export { Pagination };

package/dist/Pagination/Pagination.style.cjs

@@ -1,33 +1,29 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const _styled = require("styled-components");
-const Select$1 = require("../Select/Select.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-const Bar = _styled__default.default.nav.attrs(({
-  "aria-label": al
-}) => ({
-  "aria-label": al ?? "Pagination"
-})).withConfig({
-  displayName: "Paginationstyle__Bar",
-  componentId: "RedisUI__sc-gd6oof-0"
+const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
+const require_Select = require("../Select/Select.cjs");
+let styled_components = require("styled-components");
+styled_components = require_runtime.__toESM(styled_components, 1);
+//#region src/Pagination/Pagination.style.ts
+var Bar = styled_components.default.nav.attrs(({ "aria-label": al }) => ({ "aria-label": al ?? "Pagination" })).withConfig({
+	displayName: "Paginationstyle__Bar",
+	componentId: "RedisUI__sc-gd6oof-0"
 })(["display:flex;align-items:center;width:100%;> button{flex:none;}"]);
-const Select = _styled__default.default(Select$1.default).withConfig({
-  displayName: "Paginationstyle__Select",
-  componentId: "RedisUI__sc-gd6oof-1"
+var Select = (0, styled_components.default)(require_Select.default).withConfig({
+	displayName: "Paginationstyle__Select",
+	componentId: "RedisUI__sc-gd6oof-1"
 })(["flex:none;width:unset;"]);
-const Group = _styled__default.default.div.withConfig({
-  displayName: "Paginationstyle__Group",
-  componentId: "RedisUI__sc-gd6oof-2"
+var Group = styled_components.default.div.withConfig({
+	displayName: "Paginationstyle__Group",
+	componentId: "RedisUI__sc-gd6oof-2"
 })(["display:flex;align-items:center;gap:0.4rem;"]);
-const Split = _styled__default.default.div.withConfig({
-  displayName: "Paginationstyle__Split",
-  componentId: "RedisUI__sc-gd6oof-3"
+var Split = styled_components.default.div.withConfig({
+	displayName: "Paginationstyle__Split",
+	componentId: "RedisUI__sc-gd6oof-3"
 })(["display:contents;&:first-child + *{margin-inline-start:auto;}*:has(+ &){margin-inline-end:auto;}"]);
-const Label = _styled__default.default.label.withConfig({
-  displayName: "Paginationstyle__Label",
-  componentId: "RedisUI__sc-gd6oof-4"
+var Label = styled_components.default.label.withConfig({
+	displayName: "Paginationstyle__Label",
+	componentId: "RedisUI__sc-gd6oof-4"
 })(["all:unset;"]);
+//#endregion
 exports.Bar = Bar;
 exports.Group = Group;
 exports.Label = Label;

package/dist/Pagination/Pagination.style.js

@@ -1,33 +1,25 @@
+import Select$1 from "../Select/Select.js";
 import _styled from "styled-components";
-import SelectComponent from "../Select/Select.js";
-const Bar = _styled.nav.attrs(({
-  "aria-label": al
-}) => ({
-  "aria-label": al ?? "Pagination"
-})).withConfig({
-  displayName: "Paginationstyle__Bar",
-  componentId: "RedisUI__sc-gd6oof-0"
+//#region src/Pagination/Pagination.style.ts
+var Bar = _styled.nav.attrs(({ "aria-label": al }) => ({ "aria-label": al ?? "Pagination" })).withConfig({
+	displayName: "Paginationstyle__Bar",
+	componentId: "RedisUI__sc-gd6oof-0"
 })(["display:flex;align-items:center;width:100%;> button{flex:none;}"]);
-const Select = _styled(SelectComponent).withConfig({
-  displayName: "Paginationstyle__Select",
-  componentId: "RedisUI__sc-gd6oof-1"
+var Select = _styled(Select$1).withConfig({
+	displayName: "Paginationstyle__Select",
+	componentId: "RedisUI__sc-gd6oof-1"
 })(["flex:none;width:unset;"]);
-const Group = _styled.div.withConfig({
-  displayName: "Paginationstyle__Group",
-  componentId: "RedisUI__sc-gd6oof-2"
+var Group = _styled.div.withConfig({
+	displayName: "Paginationstyle__Group",
+	componentId: "RedisUI__sc-gd6oof-2"
 })(["display:flex;align-items:center;gap:0.4rem;"]);
-const Split = _styled.div.withConfig({
-  displayName: "Paginationstyle__Split",
-  componentId: "RedisUI__sc-gd6oof-3"
+var Split = _styled.div.withConfig({
+	displayName: "Paginationstyle__Split",
+	componentId: "RedisUI__sc-gd6oof-3"
 })(["display:contents;&:first-child + *{margin-inline-start:auto;}*:has(+ &){margin-inline-end:auto;}"]);
-const Label = _styled.label.withConfig({
-  displayName: "Paginationstyle__Label",
-  componentId: "RedisUI__sc-gd6oof-4"
+var Label = _styled.label.withConfig({
+	displayName: "Paginationstyle__Label",
+	componentId: "RedisUI__sc-gd6oof-4"
 })(["all:unset;"]);
-export {
-  Bar,
-  Group,
-  Label,
-  Select,
-  Split
-};
+//#endregion
+export { Bar, Group, Label, Select, Split };

package/dist/Pagination/Pagination.types.js

@@ -0,0 +1 @@
+export {};

package/dist/Pagination/components/Compose.cjs

@@ -1,53 +1,35 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../node_modules/react/jsx-runtime.cjs");
-const index = require("../../node_modules/@radix-ui/react-id/dist/index.cjs");
-const Pagination_context = require("../Pagination.context.cjs");
-const PaginationCompose = ({
-  children,
-  pageIndex,
-  pageSize,
-  pageCount,
-  totalItemCount,
-  visibleItemCount,
-  getCanGoNextPage,
-  getCanGoPrevPage,
-  getCanSelectPage,
-  getCanSelectPageSize,
-  onPageSizeChange,
-  onPageChange,
-  onNextPage,
-  onFirstPage,
-  onPrevPage,
-  onLastPage
-}) => {
-  pageSize = Math.max(pageSize, 1);
-  pageCount = Math.max(pageCount, 0);
-  pageIndex = Math.max(0, Math.min(pageIndex, pageCount - 1));
-  const pageSizeSelectorId = index.useId();
-  const pageSelectorId = index.useId();
-  const context = {
-    pageSelectorId,
-    pageSizeSelectorId,
-    pageIndex,
-    pageSize,
-    pageCount,
-    totalItemCount,
-    visibleItemCount,
-    getCanGoNextPage: getCanGoNextPage ?? (() => pageIndex < pageCount - 1),
-    getCanGoPrevPage: getCanGoPrevPage ?? (() => pageIndex > 0),
-    getCanSelectPage: getCanSelectPage ?? (() => pageCount > 1),
-    getCanSelectPageSize: getCanSelectPageSize ?? (() => !!(totalItemCount !== 0 && onPageSizeChange)),
-    onPageSizeChange,
-    onPageChange,
-    onNextPage: onNextPage ?? (() => onPageChange(pageIndex + 1)),
-    onFirstPage: onFirstPage ?? (() => onPageChange(0)),
-    onPrevPage: onPrevPage ?? (() => onPageChange(pageIndex - 1)),
-    onLastPage: onLastPage ?? (() => onPageChange(pageCount - 1))
-  };
-  return jsxRuntime.jsxRuntimeExports.jsx(Pagination_context.PaginationContextProvider, {
-    value: context,
-    children
-  });
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_index = require("../../node_modules/@radix-ui/react-id/dist/index.cjs");
+const require_Pagination_context = require("../Pagination.context.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/Pagination/components/Compose.tsx
+var PaginationCompose = ({ children, pageIndex, pageSize, pageCount, totalItemCount, visibleItemCount, getCanGoNextPage, getCanGoPrevPage, getCanSelectPage, getCanSelectPageSize, onPageSizeChange, onPageChange, onNextPage, onFirstPage, onPrevPage, onLastPage }) => {
+	pageSize = Math.max(pageSize, 1);
+	pageCount = Math.max(pageCount, 0);
+	pageIndex = Math.max(0, Math.min(pageIndex, pageCount - 1));
+	const pageSizeSelectorId = require_index.useId();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Pagination_context.PaginationContextProvider, {
+		value: {
+			pageSelectorId: require_index.useId(),
+			pageSizeSelectorId,
+			pageIndex,
+			pageSize,
+			pageCount,
+			totalItemCount,
+			visibleItemCount,
+			getCanGoNextPage: getCanGoNextPage ?? (() => pageIndex < pageCount - 1),
+			getCanGoPrevPage: getCanGoPrevPage ?? (() => pageIndex > 0),
+			getCanSelectPage: getCanSelectPage ?? (() => pageCount > 1),
+			getCanSelectPageSize: getCanSelectPageSize ?? (() => !!(totalItemCount !== 0 && onPageSizeChange)),
+			onPageSizeChange,
+			onPageChange,
+			onNextPage: onNextPage ?? (() => onPageChange(pageIndex + 1)),
+			onFirstPage: onFirstPage ?? (() => onPageChange(0)),
+			onPrevPage: onPrevPage ?? (() => onPageChange(pageIndex - 1)),
+			onLastPage: onLastPage ?? (() => onPageChange(pageCount - 1))
+		},
+		children
+	});
 };
+//#endregion
 exports.PaginationCompose = PaginationCompose;