@povio/ui 3.4.0-rc.14 → 3.4.0-rc.16

package/dist/components/overlays/ResponsivePopover/ResponsivePopover.js

@@ -2,44 +2,125 @@ import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { BottomSheet } from "../BottomSheet/BottomSheet.js";
 import { useBreakpoint } from "../../../hooks/useBreakpoint.js";
 import { popoverDefinition } from "../../shared/popover.cva.js";
+import { c } from "react/compiler-runtime";
 import { clsx } from "clsx";
 import { Dialog, DialogTrigger, Popover } from "react-aria-components";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/overlays/ResponsivePopover/ResponsivePopover.tsx
-var ResponsivePopover = ({ trigger, isOpen, onOpenChange, children, popoverClassName, sheetLabel, bottomSheetProps, popoverProps }) => {
+const ResponsivePopover = (t0) => {
+	const $ = c(33);
+	const { trigger, isOpen, onOpenChange, children, popoverClassName, sheetLabel, bottomSheetProps, popoverProps } = t0;
 	const popoverCva = UIOverrides.useCva("popover.cva", popoverDefinition);
 	const isDesktop = useBreakpoint("md");
-	const { offset = 0, placement = "bottom start", ...restPopoverProps } = popoverProps ?? {};
-	if (!isDesktop) return /* @__PURE__ */ jsx(BottomSheet, {
-		height: "auto",
-		isDismissable: true,
-		label: sheetLabel,
-		...bottomSheetProps,
-		isOpen,
-		onOpenChange,
-		trigger,
-		children: /* @__PURE__ */ jsx("div", {
-			className: "p-4",
-			children
-		})
-	});
-	return /* @__PURE__ */ jsxs(DialogTrigger, {
-		isOpen,
-		onOpenChange,
-		children: [trigger, /* @__PURE__ */ jsx(Popover, {
+	let t1;
+	if ($[0] !== popoverProps) {
+		t1 = popoverProps ?? {};
+		$[0] = popoverProps;
+		$[1] = t1;
+	} else t1 = $[1];
+	let restPopoverProps;
+	let t2;
+	let t3;
+	if ($[2] !== t1) {
+		({offset: t2, placement: t3, ...restPopoverProps} = t1);
+		$[2] = t1;
+		$[3] = restPopoverProps;
+		$[4] = t2;
+		$[5] = t3;
+	} else {
+		restPopoverProps = $[3];
+		t2 = $[4];
+		t3 = $[5];
+	}
+	const offset = t2 === void 0 ? 0 : t2;
+	const placement = t3 === void 0 ? "bottom start" : t3;
+	if (!isDesktop) {
+		let t4;
+		if ($[6] !== children) {
+			t4 = /* @__PURE__ */ jsx("div", {
+				className: "p-4",
+				children
+			});
+			$[6] = children;
+			$[7] = t4;
+		} else t4 = $[7];
+		let t5;
+		if ($[8] !== bottomSheetProps || $[9] !== isOpen || $[10] !== onOpenChange || $[11] !== sheetLabel || $[12] !== t4 || $[13] !== trigger) {
+			t5 = /* @__PURE__ */ jsx(BottomSheet, {
+				height: "auto",
+				isDismissable: true,
+				label: sheetLabel,
+				...bottomSheetProps,
+				isOpen,
+				onOpenChange,
+				trigger,
+				children: t4
+			});
+			$[8] = bottomSheetProps;
+			$[9] = isOpen;
+			$[10] = onOpenChange;
+			$[11] = sheetLabel;
+			$[12] = t4;
+			$[13] = trigger;
+			$[14] = t5;
+		} else t5 = $[14];
+		return t5;
+	}
+	let t4;
+	if ($[15] !== popoverClassName) {
+		t4 = clsx("my-4 outline-none", popoverClassName);
+		$[15] = popoverClassName;
+		$[16] = t4;
+	} else t4 = $[16];
+	let t5;
+	if ($[17] !== popoverCva) {
+		t5 = clsx(popoverCva({}), "overflow-hidden p-2");
+		$[17] = popoverCva;
+		$[18] = t5;
+	} else t5 = $[18];
+	let t6;
+	if ($[19] !== children || $[20] !== t5) {
+		t6 = /* @__PURE__ */ jsx(Dialog, {
+			className: "outline-none",
+			children: /* @__PURE__ */ jsx("div", {
+				className: t5,
+				children
+			})
+		});
+		$[19] = children;
+		$[20] = t5;
+		$[21] = t6;
+	} else t6 = $[21];
+	let t7;
+	if ($[22] !== offset || $[23] !== placement || $[24] !== restPopoverProps || $[25] !== t4 || $[26] !== t6) {
+		t7 = /* @__PURE__ */ jsx(Popover, {
 			...restPopoverProps,
-			className: clsx("my-4 outline-none", popoverClassName),
+			className: t4,
 			offset,
 			placement,
-			children: /* @__PURE__ */ jsx(Dialog, {
-				className: "outline-none",
-				children: /* @__PURE__ */ jsx("div", {
-					className: clsx(popoverCva({}), "overflow-hidden p-2"),
-					children
-				})
-			})
-		})]
-	});
+			children: t6
+		});
+		$[22] = offset;
+		$[23] = placement;
+		$[24] = restPopoverProps;
+		$[25] = t4;
+		$[26] = t6;
+		$[27] = t7;
+	} else t7 = $[27];
+	let t8;
+	if ($[28] !== isOpen || $[29] !== onOpenChange || $[30] !== t7 || $[31] !== trigger) {
+		t8 = /* @__PURE__ */ jsxs(DialogTrigger, {
+			isOpen,
+			onOpenChange,
+			children: [trigger, t7]
+		});
+		$[28] = isOpen;
+		$[29] = onOpenChange;
+		$[30] = t7;
+		$[31] = trigger;
+		$[32] = t8;
+	} else t8 = $[32];
+	return t8;
 };
 //#endregion
 export { ResponsivePopover };

package/dist/components/overlays/Tooltip/Tooltip.d.ts

@@ -1,13 +1,16 @@
-import { PropsWithChildren, ReactNode } from 'react';
-import { TooltipProps as AriaTooltipProps } from 'react-aria-components';
-import { TooltipVariantProps } from './tooltip.cva';
-export interface TooltipProps extends PropsWithChildren<AriaTooltipProps>, TooltipVariantProps {
-    text: ReactNode;
-    isDisabled?: boolean;
-    delay?: number;
-    closeDelay?: number;
-    isNonInteractiveTrigger?: boolean;
-    triggerClassName?: string;
-    triggerTabIndex?: number;
+import { TooltipVariantProps } from "./tooltip.cva.js";
+import { PropsWithChildren, ReactNode } from "react";
+import { TooltipProps } from "react-aria-components";
+//#region src/components/overlays/Tooltip/Tooltip.d.ts
+interface TooltipProps$1 extends PropsWithChildren<TooltipProps>, TooltipVariantProps {
+  text: ReactNode;
+  isDisabled?: boolean;
+  delay?: number;
+  closeDelay?: number;
+  isNonInteractiveTrigger?: boolean;
+  triggerClassName?: string;
+  triggerTabIndex?: number;
 }
-export declare const Tooltip: ({ children, text, isDisabled, delay, closeDelay, color, isNonInteractiveTrigger, triggerClassName, triggerTabIndex, ...tooltipProps }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+declare const Tooltip$1: ({ children, text, isDisabled, delay, closeDelay, color, isNonInteractiveTrigger, triggerClassName, triggerTabIndex, ...tooltipProps }: TooltipProps$1) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Tooltip$1 as Tooltip, TooltipProps$1 as TooltipProps };

package/dist/components/overlays/Tooltip/Tooltip.js

@@ -2,14 +2,14 @@ import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition } from "./tooltip.cva.js";
 import { Typography } from "../../text/Typography/Typography.js";
 import { Triangle, TriangleRight } from "lucide-react";
+import { c } from "react/compiler-runtime";
 import { clsx } from "clsx";
 import { Fragment, useRef } from "react";
 import { OverlayArrow, Tooltip, TooltipTrigger } from "react-aria-components";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useFocusable } from "react-aria";
 //#region src/components/overlays/Tooltip/Tooltip.tsx
-var CustomTrigger = (t0) => {
+const CustomTrigger = (t0) => {
 	const $ = c(8);
 	const { children, className, tabIndex } = t0;
 	const ref = useRef(null);
@@ -43,7 +43,7 @@ var CustomTrigger = (t0) => {
 	} else t4 = $[7];
 	return t4;
 };
-var Tooltip$1 = (t0) => {
+const Tooltip$1 = (t0) => {
 	const $ = c(38);
 	const { children, text, isDisabled, delay, closeDelay, color, isNonInteractiveTrigger, triggerClassName, triggerTabIndex, ...tooltipProps } = t0;
 	const tooltipCva = UIOverrides.useCva("tooltip.cva", tooltipDefinition);

package/dist/components/overlays/Tooltip/TooltipEllipsis.d.ts

@@ -1,8 +1,11 @@
-import { JSX, ReactNode, Ref } from 'react';
-export interface TooltipEllipsisProps {
-    text: ReactNode;
-    children: (ref: Ref<HTMLElement> | undefined) => JSX.Element;
-    isDisabled?: boolean;
-    isNonInteractiveTrigger?: boolean;
+import { JSX, ReactNode, Ref } from "react";
+//#region src/components/overlays/Tooltip/TooltipEllipsis.d.ts
+interface TooltipEllipsisProps {
+  text: ReactNode;
+  children: (ref: Ref<HTMLElement> | undefined) => JSX.Element;
+  isDisabled?: boolean;
+  isNonInteractiveTrigger?: boolean;
 }
-export declare const TooltipEllipsis: ({ text, children, isDisabled, isNonInteractiveTrigger }: TooltipEllipsisProps) => import("react/jsx-runtime").JSX.Element;
+declare const TooltipEllipsis: ({ text, children, isDisabled, isNonInteractiveTrigger }: TooltipEllipsisProps) => JSX.Element;
+//#endregion
+export { TooltipEllipsis, TooltipEllipsisProps };

package/dist/components/overlays/Tooltip/TooltipEllipsis.js

@@ -1,9 +1,9 @@
 import { Tooltip } from "./Tooltip.js";
-import { useState } from "react";
 import { c } from "react/compiler-runtime";
+import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/overlays/Tooltip/TooltipEllipsis.tsx
-var TooltipEllipsis = (t0) => {
+const TooltipEllipsis = (t0) => {
 	const $ = c(8);
 	const { text, children, isDisabled, isNonInteractiveTrigger } = t0;
 	const [isEllipsisActive, setIsEllipsisActive] = useState(false);

package/dist/components/overlays/Tooltip/tooltip.cva.d.ts

@@ -1,49 +1,43 @@
-import { UIOverrides } from '../../../config/uiOverrides.context';
-export declare const tooltipDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly color: {
-            readonly default: ["bg-interactive-contained-secondary-idle"];
-            readonly error: ["w-max bg-elevation-fill-error-1"];
-        };
-    }>;
+import { StyleMergeUtils } from "../../../utils/style-merge.util.js";
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
+//#region src/components/overlays/Tooltip/tooltip.cva.d.ts
+declare const tooltipDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly color: {
+      default: ["bg-interactive-contained-secondary-idle"];
+      error: ["w-max bg-elevation-fill-error-1"];
+    };
+  }>;
 };
-export type TooltipConfig = NonNullable<typeof tooltipDefinition.config>;
-export interface TooltipVariantProps extends UIOverrides.VariantProps<TooltipConfig> {
-}
-export declare const tooltipPointerHorizontalDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly color: {
-            readonly default: ["text-interactive-contained-secondary-idle"];
-            readonly error: ["text-elevation-fill-error-1"];
-        };
-    }>;
+type TooltipConfig = NonNullable<typeof tooltipDefinition.config>;
+interface TooltipVariantProps extends UIOverrides.VariantProps<TooltipConfig> {}
+declare const tooltipPointerHorizontalDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly color: {
+      default: ["text-interactive-contained-secondary-idle"];
+      error: ["text-elevation-fill-error-1"];
+    };
+  }>;
 };
-export type TooltipPointerHorizontalConfig = NonNullable<typeof tooltipPointerHorizontalDefinition.config>;
-export interface TooltipPointerHorizontalVariantProps extends UIOverrides.VariantProps<TooltipPointerHorizontalConfig> {
-}
-export declare const tooltipPointerVerticalDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly color: {
-            readonly default: ["text-interactive-contained-secondary-idle"];
-            readonly error: ["text-elevation-fill-error-1"];
-        };
-    }>;
+declare const tooltipPointerVerticalDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly color: {
+      default: ["text-interactive-contained-secondary-idle"];
+      error: ["text-elevation-fill-error-1"];
+    };
+  }>;
 };
-export type TooltipPointerVerticalConfig = NonNullable<typeof tooltipPointerVerticalDefinition.config>;
-export interface TooltipPointerVerticalVariantProps extends UIOverrides.VariantProps<TooltipPointerVerticalConfig> {
-}
-export declare const tooltipTextDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly color: {
-            readonly default: ["text-interactive-contained-secondary-on-idle"];
-            readonly error: ["text-text-error-inverted-1"];
-        };
-    }>;
+declare const tooltipTextDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly color: {
+      default: ["text-interactive-contained-secondary-on-idle"];
+      error: ["text-text-error-inverted-1"];
+    };
+  }>;
 };
-export type TooltipTextConfig = NonNullable<typeof tooltipTextDefinition.config>;
-export interface TooltipTextVariantProps extends UIOverrides.VariantProps<TooltipTextConfig> {
-}
+//#endregion
+export { TooltipConfig, TooltipVariantProps, tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition };

package/dist/components/overlays/Tooltip/tooltip.cva.js

@@ -1,6 +1,6 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 //#region src/components/overlays/Tooltip/tooltip.cva.ts
-var tooltipDefinition = UIOverrides.defineConfig({
+const tooltipDefinition = UIOverrides.defineConfig({
 	base: ["group max-w-64 rounded-tooltip-rounding-default px-tooltip-side-default py-tooltip-height-default shadow-2"],
 	config: {
 		variants: { color: {
@@ -10,7 +10,7 @@ var tooltipDefinition = UIOverrides.defineConfig({
 		defaultVariants: { color: "default" }
 	}
 });
-var tooltipPointerHorizontalDefinition = UIOverrides.defineConfig({
+const tooltipPointerHorizontalDefinition = UIOverrides.defineConfig({
 	base: ["h-2-5 w-5 group-placement-left:hidden group-placement-right:hidden group-placement-top:rotate-180"],
 	config: {
 		variants: { color: {
@@ -20,7 +20,7 @@ var tooltipPointerHorizontalDefinition = UIOverrides.defineConfig({
 		defaultVariants: { color: "default" }
 	}
 });
-var tooltipPointerVerticalDefinition = UIOverrides.defineConfig({
+const tooltipPointerVerticalDefinition = UIOverrides.defineConfig({
 	base: ["h-5 w-2-5 group-placement-bottom:hidden group-placement-top:hidden group-placement-left:rotate-180"],
 	config: {
 		variants: { color: {
@@ -30,7 +30,7 @@ var tooltipPointerVerticalDefinition = UIOverrides.defineConfig({
 		defaultVariants: { color: "default" }
 	}
 });
-var tooltipTextDefinition = UIOverrides.defineConfig({
+const tooltipTextDefinition = UIOverrides.defineConfig({
 	base: [],
 	config: {
 		variants: { color: {

package/dist/components/segment/Segment.d.ts

@@ -1,4 +1,7 @@
-import { Key } from 'react-aria-components';
-import { FieldValues } from '../inputs/shared/form.binding';
-import { ControlledSegmentProps } from './segment.types';
-export declare const Segment: <TFieldValues extends FieldValues, TKey extends Key = Key>(props: ControlledSegmentProps<TFieldValues, TKey>) => import("react/jsx-runtime").JSX.Element;
+import { FieldValues } from "../inputs/shared/form.binding.js";
+import { ControlledSegmentProps } from "./segment.types.js";
+import { Key } from "react-aria-components";
+//#region src/components/segment/Segment.d.ts
+declare const Segment: <TFieldValues extends FieldValues, TKey extends Key = Key>(props: ControlledSegmentProps<TFieldValues, TKey>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Segment };

package/dist/components/segment/Segment.js

@@ -3,16 +3,16 @@ import { FieldController } from "../inputs/shared/form.binding.js";
 import { FormField } from "../inputs/FormField/FormField.js";
 import { segmentDefinition } from "./segment.cva.js";
 import { SegmentItem } from "./SegmentItem.js";
+import { c } from "react/compiler-runtime";
 import { clsx } from "clsx";
 import { Fragment, useRef } from "react";
 import { ToggleButtonGroup } from "react-aria-components";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useToggleButtonGroup } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
 import { useToggleGroupState } from "react-stately";
 //#region src/components/segment/Segment.tsx
-var SegmentBase = (t0) => {
+const SegmentBase = (t0) => {
 	const $ = c(49);
 	let className;
 	let defaultValue;
@@ -179,7 +179,7 @@ var SegmentBase = (t0) => {
 	} else t12 = $[48];
 	return t12;
 };
-var Segment = (props) => {
+const Segment = (props) => {
 	const $ = c(15);
 	if ("field" in props && props.field) {
 		let field;

package/dist/components/segment/SegmentItem.js

@@ -1,11 +1,11 @@
 import { UIOverrides } from "../../config/uiOverrides.context.js";
 import { Typography } from "../text/Typography/Typography.js";
 import { segmentItemDefinition } from "./segment.cva.js";
-import { ToggleButton } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { ToggleButton } from "react-aria-components";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/segment/SegmentItem.tsx
-var SegmentItem = (t0) => {
+const SegmentItem = (t0) => {
 	const $ = c(23);
 	let className;
 	let icon;

package/dist/components/segment/segment.cva.d.ts

@@ -1,20 +1,22 @@
-import { UIOverrides } from '../../config/uiOverrides.context';
-export declare const segmentDefinition: {
-    base: string[];
-    config?: import("../../utils/style-merge.util").StyleMergeUtils.Config<Record<never, never>>;
+import { StyleMergeUtils } from "../../utils/style-merge.util.js";
+import { UIOverrides } from "../../config/uiOverrides.context.js";
+//#region src/components/segment/segment.cva.d.ts
+declare const segmentDefinition: {
+  base: string[];
+  config?: StyleMergeUtils.Config<Record<never, never>>;
 };
-export type SegmentConfig = NonNullable<typeof segmentDefinition.config>;
-export interface SegmentVariantProps extends UIOverrides.VariantProps<SegmentConfig> {
-}
-export declare const segmentItemDefinition: {
-    base: string[];
-    config: import("../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly iconOnly: {
-            readonly true: "px-segmented-control-height-segment";
-            readonly false: "px-segmented-control-side-segment";
-        };
-    }>;
+type SegmentConfig = NonNullable<typeof segmentDefinition.config>;
+interface SegmentVariantProps extends UIOverrides.VariantProps<SegmentConfig> {}
+declare const segmentItemDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly iconOnly: {
+      readonly true: "px-segmented-control-height-segment";
+      readonly false: "px-segmented-control-side-segment";
+    };
+  }>;
 };
-export type SegmentItemConfig = NonNullable<typeof segmentItemDefinition.config>;
-export interface SegmentItemVariantProps extends UIOverrides.VariantProps<SegmentItemConfig> {
-}
+type SegmentItemConfig = NonNullable<typeof segmentItemDefinition.config>;
+interface SegmentItemVariantProps extends UIOverrides.VariantProps<SegmentItemConfig> {}
+//#endregion
+export { SegmentConfig, SegmentItemConfig, SegmentItemVariantProps, SegmentVariantProps, segmentDefinition, segmentItemDefinition };

package/dist/components/segment/segment.cva.js

@@ -1,11 +1,11 @@
 import { UIOverrides } from "../../config/uiOverrides.context.js";
 //#region src/components/segment/segment.cva.ts
-var segmentDefinition = UIOverrides.defineConfig({ base: [
+const segmentDefinition = UIOverrides.defineConfig({ base: [
 	"group/segment grid w-fit items-center gap-segmented-control-side-segmented-control p-segmented-control-side-segmented-control",
 	"bg-elevation-fill-default-3",
 	"rounded-segmented-control-rounding-segmented-control"
 ] });
-var segmentItemDefinition = UIOverrides.defineConfig({
+const segmentItemDefinition = UIOverrides.defineConfig({
 	base: [
 		"flex items-center justify-center gap-segmented-control-gap-content-icon-to-text transition-all duration-200",
 		"border border-support-transparent-outline",

package/dist/components/segment/segment.types.d.ts

@@ -1,36 +1,39 @@
-import { FC, ReactElement, Ref, SVGProps } from 'react';
-import { Key, ToggleButtonGroupProps, ToggleButtonProps } from 'react-aria-components';
-import { FieldValues } from '../inputs/shared/form.binding';
-import { ControlProps } from '../inputs/shared/form.types';
-import { SegmentItemVariantProps, SegmentVariantProps } from './segment.cva';
-export interface SegmentItem<TKey extends Key = Key> extends ToggleButtonProps, SegmentItemVariantProps {
-    id: TKey;
-    label?: string;
-    icon?: FC<SVGProps<SVGSVGElement>> | ReactElement;
+import { FieldValues } from "../inputs/shared/form.binding.js";
+import { ControlProps } from "../inputs/shared/form.types.js";
+import { SegmentItemVariantProps, SegmentVariantProps } from "./segment.cva.js";
+import { FC, ReactElement, Ref, SVGProps } from "react";
+import { Key, ToggleButtonGroupProps, ToggleButtonProps } from "react-aria-components";
+//#region src/components/segment/segment.types.d.ts
+interface SegmentItem<TKey extends Key = Key> extends ToggleButtonProps, SegmentItemVariantProps {
+  id: TKey;
+  label?: string;
+  icon?: FC<SVGProps<SVGSVGElement>> | ReactElement;
 }
-export interface SingleSegmentProps<TKey extends Key = Key> {
-    selectionMode?: "single";
-    value?: TKey | undefined | null;
-    onChange?: (value: TKey | null) => void;
-    defaultValue?: TKey | null;
+interface SingleSegmentProps<TKey extends Key = Key> {
+  selectionMode?: "single";
+  value?: TKey | undefined | null;
+  onChange?: (value: TKey | null) => void;
+  defaultValue?: TKey | null;
 }
-export interface MultiSegmentProps<TKey extends Key = Key> {
-    selectionMode: "multiple";
-    value?: TKey[];
-    onChange?: (value: TKey[]) => void;
-    defaultValue?: TKey[] | null;
+interface MultiSegmentProps<TKey extends Key = Key> {
+  selectionMode: "multiple";
+  value?: TKey[];
+  onChange?: (value: TKey[]) => void;
+  defaultValue?: TKey[] | null;
 }
-export type GroupedSegmentProps<TKey extends Key = Key> = MultiSegmentProps<TKey> | SingleSegmentProps<TKey>;
-export type GroupedSegmentControlProps<TFieldValues extends FieldValues, TKey extends Key = Key> = ({
-    selectionMode: MultiSegmentProps["selectionMode"];
+type GroupedSegmentProps<TKey extends Key = Key> = MultiSegmentProps<TKey> | SingleSegmentProps<TKey>;
+type GroupedSegmentControlProps<TFieldValues extends FieldValues, TKey extends Key = Key> = ({
+  selectionMode: MultiSegmentProps["selectionMode"];
 } & ControlProps<MultiSegmentProps<TKey>, TFieldValues>) | ({
-    selectionMode?: SingleSegmentProps["selectionMode"];
+  selectionMode?: SingleSegmentProps["selectionMode"];
 } & ControlProps<SingleSegmentProps<TKey>, TFieldValues>);
-export type SegmentProps<TKey extends Key = Key> = Omit<ToggleButtonGroupProps & SegmentVariantProps, "children" | "onSelectionChange" | "selectedKeys" | "defaultSelectedKeys"> & {
-    ref?: Ref<HTMLElement>;
-    items: SegmentItem<TKey>[];
-    className?: string;
-    segmentItemClassName?: string;
-    error?: string;
+type SegmentProps<TKey extends Key = Key> = Omit<ToggleButtonGroupProps & SegmentVariantProps, "children" | "onSelectionChange" | "selectedKeys" | "defaultSelectedKeys"> & {
+  ref?: Ref<HTMLElement>;
+  items: SegmentItem<TKey>[];
+  className?: string;
+  segmentItemClassName?: string;
+  error?: string;
 } & GroupedSegmentProps<TKey>;
-export type ControlledSegmentProps<TFieldValues extends FieldValues, TKey extends Key = Key> = SegmentProps<TKey> & GroupedSegmentControlProps<TFieldValues, TKey>;
+type ControlledSegmentProps<TFieldValues extends FieldValues, TKey extends Key = Key> = SegmentProps<TKey> & GroupedSegmentControlProps<TFieldValues, TKey>;
+//#endregion
+export { ControlledSegmentProps, GroupedSegmentControlProps, GroupedSegmentProps, MultiSegmentProps, SegmentItem, SegmentProps, SingleSegmentProps };

package/dist/components/shared/pagination/Pagination.d.ts

@@ -1,9 +1,12 @@
-import { PaginationListProps } from './PaginationList';
-export interface PaginationProps extends Omit<PaginationListProps, "totalPages"> {
-    totalItems: number;
-    pageSize: number;
-    totalPages?: number;
-    className?: string;
-    onPageSizeChange?: (pageSize: number) => void;
+import { PaginationListProps } from "./PaginationList.js";
+//#region src/components/shared/pagination/Pagination.d.ts
+interface PaginationProps extends Omit<PaginationListProps, "totalPages"> {
+  totalItems: number;
+  pageSize: number;
+  totalPages?: number;
+  className?: string;
+  onPageSizeChange?: (pageSize: number) => void;
 }
-export declare const Pagination: ({ size, variant, color, page, totalItems, totalPages, pageSize, hideText, hideFirstLast, hidePrevNext, hideNumbers, className, onPageChange, onPageSizeChange, }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+declare const Pagination: ({ size, variant, color, page, totalItems, totalPages, pageSize, hideText, hideFirstLast, hidePrevNext, hideNumbers, className, onPageChange, onPageSizeChange }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Pagination, PaginationProps };