@cube-dev/ui-kit 0.199.1 → 0.200.0

package/dist/components/layout/ResizablePanel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";
@@ -14,13 +14,17 @@ import { useResizeObserver } from "@react-aria/utils";
 const HandlerElement = tasty({
 	qa: "ResizeHandler",
 	styles: {
+		"$handle-size": "9px",
+		"$grip-size": "3px",
+		"$dot-size": "1px",
+		"$dot-gap": "2px",
 		width: {
 			"": "initial",
-			horizontal: "9px",
+			horizontal: "$handle-size",
 			"disabled & horizontal": "1bw"
 		},
 		height: {
-			"": "9px",
+			"": "$handle-size",
 			horizontal: "initial",
 			"disabled & !horizontal": "1bw"
 		},
@@ -58,24 +62,24 @@ const HandlerElement = tasty({
 		boxSizing: "border-box",
 		transition: "theme",
 		"--size-compensation": {
-			"": "6px",
+			"": "(($handle-size + $grip-size) / 2)",
 			disabled: "1bw"
 		},
 		Track: {
 			width: {
 				"": "initial",
-				horizontal: "3px",
-				"disabled & horizontal": "1px"
+				horizontal: "$grip-size",
+				"disabled & horizontal": "1bw"
 			},
 			height: {
-				"": "3px",
+				"": "$grip-size",
 				horizontal: "initial",
-				"disabled & !horizontal": "1px"
+				"disabled & !horizontal": "1bw"
 			},
 			position: "absolute",
 			inset: {
-				"": "3px 0",
-				horizontal: "0 3px",
+				"": "(($handle-size - $grip-size) / 2) 0",
+				horizontal: "0 (($handle-size - $grip-size) / 2)",
 				disabled: "0 0"
 			},
 			fill: {
@@ -84,37 +88,37 @@ const HandlerElement = tasty({
 			},
 			transition: "theme",
 			outline: {
-				"": "1bw #primary-text.0",
-				drag: "1bw #primary-text"
+				"": "$ring-width #primary-text.0",
+				drag: "$ring-width #primary-text"
 			},
-			outlineOffset: 1
+			outlineOffset: "$outline-offset"
 		},
 		Drag: {
 			display: "grid",
-			gap: "2bw",
+			gap: "$dot-gap",
 			flow: {
 				"": "row",
 				horizontal: "column"
 			},
 			gridColumns: {
-				"": "3px 3px 3px 3px 3px",
+				"": "repeat(5, $grip-size)",
 				horizontal: "auto"
 			},
 			gridRows: {
 				"": "auto",
-				horizontal: "3px 3px 3px 3px 3px"
+				horizontal: "repeat(5, $grip-size)"
 			},
 			width: {
 				"": "auto",
-				horizontal: "1px"
+				horizontal: "$dot-size"
 			},
 			height: {
-				"": "1px",
+				"": "$dot-size",
 				horizontal: "auto"
 			},
 			inset: {
-				"": "4px 50% auto auto",
-				horizontal: "50% 4px auto auto"
+				"": "(($handle-size - $dot-size) / 2) 50% auto auto",
+				horizontal: "50% (($handle-size - $dot-size) / 2) auto auto"
 			},
 			transform: {
 				"": "translate(-50%, 0)",
@@ -398,11 +402,12 @@ function ResizablePanel(props, ref) {
 		$[49] = t19;
 	} else t19 = $[49];
 	const t20 = mergeProps$1(restProps, {
-		style: {
-			"--size": `${size_0}px`,
-			"--visual-size": `${visualSize}px`,
-			"--min-size": typeof minSize === "number" ? `${minSize}px` : minSize,
-			"--max-size": typeof maxSize === "number" ? `${maxSize}px` : maxSize
+		tokens: {
+			...restProps.tokens,
+			$size: `${size_0}px`,
+			"$visual-size": `${visualSize}px`,
+			"$min-size": typeof minSize === "number" ? `${minSize}px` : minSize,
+			"$max-size": typeof maxSize === "number" ? `${maxSize}px` : maxSize
 		},
 		innerStyles: { margin: `$indent-compensation ${direction}` }
 	});

package/dist/components/layout/ResizablePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResizablePanel.js","names":["useResizeObserver","BasePropsWithoutChildren","Styles","tasty","ForwardedRef","forwardRef","useEffect","useEffectEvent","useMemo","useState","useHover","useMove","useDebouncedValue","useEvent","mergeProps","useCombinedRefs","CubePanelProps","Panel","Direction","CubeResizablePanelProps","handlerStyles","direction","size","onSizeChange","minSize","maxSize","isDisabled","HandlerElement","qa","styles","width","horizontal","height","top","bottom","right","left","transform","position","zIndex","cursor","disabled","padding","boxSizing","transition","Track","inset","fill","outline","drag","outlineOffset","Drag","display","gap","flow","gridColumns","gridRows","DragPart","radius","HandlerProps","Handler","props","$","_c","t0","otherProps","undefined","t1","Symbol","for","hoverProps","isHovered","isHorizontal","localIsHovered","T0","t2","mods","hovered","t3","t4","t5","StyledPanel","flexGrow","placeSelf","touchAction","ResizablePanel","ref","isControllable","providedSize","restProps","isDragging","setIsDragging","clamp","Math","min","max","size_0","setSize","visualSize","setVisualSize","current","offsetProp","containerSize","abs","onResize","t6","t7","onMoveStart","e","offsetProp_0","round","onMove","e_0","size_1","pointerType","deltaX","deltaY","onMoveEnd","e_1","size_2","moveProps","t8","size_3","reconcileProvidedSize","t9","t10","t11","next","dragging","notifySizeChange","t12","t13","t14","timer","setTimeout","clearTimeout","t15","t16","t18","t19","t20","style","innerStyles","margin","t21","t17","_ResizablePanel","displayName","_c","mergeProps","Panel"],"sources":["../../../src/components/layout/ResizablePanel.tsx"],"sourcesContent":["import { useResizeObserver } from '@react-aria/utils';\nimport { BasePropsWithoutChildren, Styles, tasty } from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useEffectEvent,\n  useMemo,\n  useState,\n} from 'react';\nimport { useHover, useMove } from 'react-aria';\n\nimport { useDebouncedValue } from '../../_internal/hooks/use-debounced-value';\nimport { useEvent } from '../../_internal/hooks/use-event';\nimport { mergeProps } from '../../utils/react/mergeProps';\nimport { useCombinedRefs } from '../../utils/react/useCombinedRefs';\n\nimport { CubePanelProps, Panel } from './Panel';\n\ntype Direction = 'top' | 'right' | 'bottom' | 'left';\n\nexport interface CubeResizablePanelProps extends CubePanelProps {\n  handlerStyles?: Styles;\n  /**\n   * Optional because both `ResizablePanel` and `Handler` destructure it as\n   * `direction = 'right'`. Declaring it required contradicted that default and\n   * made `no-redundant-default-prop` unusable: the rule reads the same `'right'`\n   * default out of the generated registry and strips an explicit\n   * `direction=\"right\"`, which then fails to typecheck.\n   */\n  direction?: Direction;\n  size?: number;\n  onSizeChange?: (size: number) => void;\n  minSize?: string | number;\n  maxSize?: string | number;\n  isDisabled?: boolean;\n}\n\nconst HandlerElement = tasty({\n  qa: 'ResizeHandler',\n  styles: {\n    // The real size is slightly bigger than the visual one.\n    width: {\n      '': 'initial',\n      horizontal: '9px',\n      'disabled & horizontal': '1bw',\n    },\n    height: {\n      '': '9px',\n      horizontal: 'initial',\n      'disabled & !horizontal': '1bw',\n    },\n    top: {\n      '': 0,\n      '[data-direction=\"top\"]': 'initial',\n    },\n    bottom: {\n      '': 0,\n      '[data-direction=\"bottom\"]': 'initial',\n    },\n    right: {\n      '': 0,\n      '[data-direction=\"right\"]': 'initial',\n    },\n    left: {\n      '': 0,\n      '[data-direction=\"left\"]': 'initial',\n    },\n    // Transform requires a separate visual size property to respect size boundaries\n    transform: {\n      '': 'translate(0, 0)',\n      '[data-direction=\"top\"]':\n        'translate(0, ($size-compensation - $visual-size))',\n      '[data-direction=\"right\"]':\n        'translate(($visual-size - $size-compensation), 0)',\n      '[data-direction=\"bottom\"]':\n        'translate(0, ($visual-size - $size-compensation))',\n      '[data-direction=\"left\"]':\n        'translate(($size-compensation - $visual-size), 0)',\n    },\n    position: 'absolute',\n    zIndex: 1,\n    cursor: {\n      '': 'row-resize',\n      horizontal: 'col-resize',\n      disabled: 'not-allowed',\n    },\n    padding: 0,\n    boxSizing: 'border-box',\n    transition: 'theme',\n    '--size-compensation': {\n      '': '6px',\n      disabled: '1bw',\n    },\n\n    Track: {\n      width: {\n        '': 'initial',\n        horizontal: '3px',\n        'disabled & horizontal': '1px',\n      },\n      height: {\n        '': '3px',\n        horizontal: 'initial',\n        'disabled & !horizontal': '1px',\n      },\n      position: 'absolute',\n      inset: {\n        '': '3px 0',\n        horizontal: '0 3px',\n        disabled: '0 0',\n      },\n      fill: {\n        '': '#border',\n        '(hovered | drag) & !disabled': '#purple-03',\n      },\n      transition: 'theme',\n      outline: {\n        '': '1bw #primary-text.0',\n        drag: '1bw #primary-text',\n      },\n      outlineOffset: 1,\n    },\n\n    Drag: {\n      display: 'grid',\n      gap: '2bw',\n      flow: {\n        '': 'row',\n        horizontal: 'column',\n      },\n      gridColumns: {\n        '': '3px 3px 3px 3px 3px',\n        horizontal: 'auto',\n      },\n      gridRows: {\n        '': 'auto',\n        horizontal: '3px 3px 3px 3px 3px',\n      },\n      width: {\n        '': 'auto',\n        horizontal: '1px',\n      },\n      height: {\n        '': '1px',\n        horizontal: 'auto',\n      },\n      inset: {\n        '': '4px 50% auto auto',\n        horizontal: '50% 4px auto auto',\n      },\n      transform: {\n        '': 'translate(-50%, 0)',\n        horizontal: 'translate(0, -50%)',\n      },\n      position: 'absolute',\n      transition: 'theme',\n    },\n\n    DragPart: {\n      radius: true,\n      fill: {\n        '': '#dark-03',\n        'hovered | drag': '#dark-02',\n        disabled: '#disabled-surface-text',\n      },\n    },\n  },\n});\n\ninterface HandlerProps extends BasePropsWithoutChildren {\n  direction?: Direction;\n}\n\nconst Handler = (props: HandlerProps) => {\n  const { direction = 'right', isDisabled, ...otherProps } = props;\n  const { hoverProps, isHovered } = useHover({});\n  const isHorizontal = direction === 'left' || direction === 'right';\n  const localIsHovered = useDebouncedValue(isHovered, 150);\n\n  return (\n    <HandlerElement\n      {...mergeProps(\n        hoverProps,\n        {\n          mods: {\n            hovered: localIsHovered,\n            horizontal: isHorizontal,\n            disabled: isDisabled,\n          },\n          'data-direction': direction,\n        },\n        otherProps,\n      )}\n    >\n      <div data-element=\"Track\" />\n      {!isDisabled ? (\n        <div data-element=\"Drag\">\n          <div data-element=\"DragPart\" />\n          <div data-element=\"DragPart\" />\n          <div data-element=\"DragPart\" />\n          <div data-element=\"DragPart\" />\n          <div data-element=\"DragPart\" />\n        </div>\n      ) : null}\n    </HandlerElement>\n  );\n};\n\nconst StyledPanel = tasty(Panel, {\n  styles: {\n    flexGrow: 0,\n    width: {\n      '': '$min-size $size $max-size',\n      '[data-direction=\"top\"] | [data-direction=\"bottom\"]': 'initial',\n    },\n    height: {\n      '': '$min-size $size $max-size',\n      '[data-direction=\"left\"] | [data-direction=\"right\"]': 'initial',\n    },\n    placeSelf: 'stretch',\n    touchAction: 'none',\n\n    '$indent-compensation': {\n      '': '3px',\n      disabled: '1bw',\n    },\n  },\n});\n\nfunction ResizablePanel(\n  props: CubeResizablePanelProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const isControllable = typeof props.size === 'number';\n  const {\n    isDisabled,\n    direction = 'right',\n    size: providedSize,\n    onSizeChange,\n    minSize = 200,\n    maxSize = isControllable ? undefined : 'min(50%, 400px)',\n    ...restProps\n  } = props;\n  const [isDragging, setIsDragging] = useState(false);\n  const isHorizontal = direction === 'left' || direction === 'right';\n\n  ref = useCombinedRefs(ref);\n\n  function clamp(size: number) {\n    if (typeof maxSize === 'number') {\n      size = Math.min(maxSize, size);\n    }\n\n    if (typeof minSize === 'number' || !minSize) {\n      size = Math.max((minSize as number) || 0, size);\n    }\n\n    return Math.max(size, 0);\n  }\n\n  const [size, setSize] = useState<number>(\n    providedSize != null ? clamp(providedSize) : 200,\n  );\n  const [visualSize, setVisualSize] = useState<number | null>(null);\n\n  const onResize = useEvent(() => {\n    if (ref?.current) {\n      const offsetProp = isHorizontal ? 'offsetWidth' : 'offsetHeight';\n      const containerSize = ref.current[offsetProp];\n\n      if (Math.abs(containerSize - size) < 1 && !isDisabled) {\n        setVisualSize(size);\n      } else {\n        setVisualSize(containerSize);\n      }\n    }\n  });\n\n  useResizeObserver({\n    ref,\n    onResize,\n  });\n\n  let { moveProps } = useMove({\n    onMoveStart(e) {\n      if (isDisabled) {\n        return;\n      }\n\n      setIsDragging(true);\n\n      const offsetProp = isHorizontal ? 'offsetWidth' : 'offsetHeight';\n\n      if (ref.current && Math.abs(ref.current[offsetProp] - size) >= 1) {\n        setSize(Math.round(ref.current[offsetProp]));\n      }\n    },\n    onMove(e) {\n      setSize((size) => {\n        if (isDisabled) {\n          return size;\n        }\n\n        if (e.pointerType === 'keyboard') {\n          return size;\n        }\n\n        size += isHorizontal\n          ? e.deltaX * (direction === 'right' ? 1 : -1)\n          : e.deltaY * (direction === 'bottom' ? 1 : -1);\n\n        return size;\n      });\n    },\n    onMoveEnd(e) {\n      setIsDragging(false);\n      setSize((size) => clamp(Math.round(size)));\n    },\n  });\n\n  // Since we sync provided size and the local one in two ways,\n  // we need a way to prevent infinite loop in some cases.\n  // We will run this in setTimeout and make sure it will get the most recent state.\n  const reconcileProvidedSize = useEffectEvent(() => {\n    setSize((size) => {\n      if (providedSize != null && Math.abs(providedSize - size) > 0.5) {\n        return providedSize;\n      }\n\n      return size;\n    });\n  });\n\n  useEffect(() => {\n    onResize();\n  }, [size, isDisabled, isHorizontal, onResize]);\n\n  // Notifications follow measurement/drag changes. Callback replacement and\n  // controlled-prop updates must not echo a previous measurement to the parent.\n  const notifySizeChange = useEffectEvent(\n    (next: number | null, dragging: boolean) => {\n      if (\n        !dragging &&\n        next != null &&\n        (providedSize == null || Math.abs(providedSize - next) > 0.5)\n      ) {\n        onSizeChange?.(Math.round(next));\n      }\n    },\n  );\n\n  useEffect(() => {\n    notifySizeChange(visualSize, isDragging);\n  }, [visualSize, isDragging]);\n\n  useEffect(() => {\n    const timer = setTimeout(reconcileProvidedSize, 500);\n    return () => clearTimeout(timer);\n  }, [providedSize]);\n\n  const mods = useMemo(() => {\n    return {\n      drag: isDragging,\n      horizontal: isHorizontal,\n      disabled: isDisabled,\n    };\n  }, [isDragging, isHorizontal, isDisabled]);\n\n  return (\n    <StyledPanel\n      ref={ref}\n      data-direction={direction}\n      mods={mods}\n      extra={\n        <Handler\n          isDisabled={isDisabled || visualSize == null}\n          direction={direction}\n          {...moveProps}\n          mods={mods}\n        />\n      }\n      {...mergeProps(restProps, {\n        style: {\n          // We set the current size further via width/min-width/max-width styles to respect size boundaries\n          '--size': `${size}px`,\n          // We use a separate visual size to paint the handler for a smoother experience\n          '--visual-size': `${visualSize}px`,\n          '--min-size': typeof minSize === 'number' ? `${minSize}px` : minSize,\n          '--max-size': typeof maxSize === 'number' ? `${maxSize}px` : maxSize,\n        },\n        innerStyles: {\n          // The panel inner space compensation for the handler\n          margin: `$indent-compensation ${direction}`,\n        },\n      })}\n    />\n  );\n}\n\nconst _ResizablePanel = forwardRef(ResizablePanel);\n\n_ResizablePanel.displayName = 'ResizablePanel';\n\nexport { _ResizablePanel as ResizablePanel };\n"],"mappings":"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"}
+{"version":3,"file":"ResizablePanel.js","names":["useResizeObserver","BasePropsWithoutChildren","Styles","tasty","ForwardedRef","forwardRef","useEffect","useEffectEvent","useMemo","useState","useHover","useMove","useDebouncedValue","useEvent","mergeProps","useCombinedRefs","CubePanelProps","Panel","Direction","CubeResizablePanelProps","handlerStyles","direction","size","onSizeChange","minSize","maxSize","isDisabled","HandlerElement","qa","styles","width","horizontal","height","top","bottom","right","left","transform","position","zIndex","cursor","disabled","padding","boxSizing","transition","Track","inset","fill","outline","drag","outlineOffset","Drag","display","gap","flow","gridColumns","gridRows","DragPart","radius","HandlerProps","Handler","props","$","_c","t0","otherProps","undefined","t1","Symbol","for","hoverProps","isHovered","isHorizontal","localIsHovered","T0","t2","mods","hovered","t3","t4","t5","StyledPanel","flexGrow","placeSelf","touchAction","ResizablePanel","ref","isControllable","providedSize","restProps","isDragging","setIsDragging","clamp","Math","min","max","size_0","setSize","visualSize","setVisualSize","current","offsetProp","containerSize","abs","onResize","t6","t7","onMoveStart","e","offsetProp_0","round","onMove","e_0","size_1","pointerType","deltaX","deltaY","onMoveEnd","e_1","size_2","moveProps","t8","size_3","reconcileProvidedSize","t9","t10","t11","next","dragging","notifySizeChange","t12","t13","t14","timer","setTimeout","clearTimeout","t15","t16","t18","t19","t20","tokens","$size","innerStyles","margin","t21","t17","_ResizablePanel","displayName","_c","mergeProps","Panel"],"sources":["../../../src/components/layout/ResizablePanel.tsx"],"sourcesContent":["import { useResizeObserver } from '@react-aria/utils';\nimport { BasePropsWithoutChildren, Styles, tasty } from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useEffectEvent,\n  useMemo,\n  useState,\n} from 'react';\nimport { useHover, useMove } from 'react-aria';\n\nimport { useDebouncedValue } from '../../_internal/hooks/use-debounced-value';\nimport { useEvent } from '../../_internal/hooks/use-event';\nimport { mergeProps } from '../../utils/react/mergeProps';\nimport { useCombinedRefs } from '../../utils/react/useCombinedRefs';\n\nimport { CubePanelProps, Panel } from './Panel';\n\ntype Direction = 'top' | 'right' | 'bottom' | 'left';\n\nexport interface CubeResizablePanelProps extends CubePanelProps {\n  handlerStyles?: Styles;\n  /**\n   * Optional because both `ResizablePanel` and `Handler` destructure it as\n   * `direction = 'right'`. Declaring it required contradicted that default and\n   * made `no-redundant-default-prop` unusable: the rule reads the same `'right'`\n   * default out of the generated registry and strips an explicit\n   * `direction=\"right\"`, which then fails to typecheck.\n   */\n  direction?: Direction;\n  size?: number;\n  onSizeChange?: (size: number) => void;\n  minSize?: string | number;\n  maxSize?: string | number;\n  isDisabled?: boolean;\n}\n\nconst HandlerElement = tasty({\n  qa: 'ResizeHandler',\n  styles: {\n    // The handle's geometry is in device pixels so the grip stays crisp at any\n    // gap: `$grip-size` is the track's thickness and each dot's length,\n    // `$dot-size` each dot's thickness and `$dot-gap` the space between dots.\n    // The track and dot offsets below derive from these.\n    '$handle-size': '9px',\n    '$grip-size': '3px',\n    '$dot-size': '1px',\n    '$dot-gap': '2px',\n\n    // The real size is slightly bigger than the visual one.\n    width: {\n      '': 'initial',\n      horizontal: '$handle-size',\n      'disabled & horizontal': '1bw',\n    },\n    height: {\n      '': '$handle-size',\n      horizontal: 'initial',\n      'disabled & !horizontal': '1bw',\n    },\n    top: {\n      '': 0,\n      '[data-direction=\"top\"]': 'initial',\n    },\n    bottom: {\n      '': 0,\n      '[data-direction=\"bottom\"]': 'initial',\n    },\n    right: {\n      '': 0,\n      '[data-direction=\"right\"]': 'initial',\n    },\n    left: {\n      '': 0,\n      '[data-direction=\"left\"]': 'initial',\n    },\n    // Transform requires a separate visual size property to respect size boundaries\n    transform: {\n      '': 'translate(0, 0)',\n      '[data-direction=\"top\"]':\n        'translate(0, ($size-compensation - $visual-size))',\n      '[data-direction=\"right\"]':\n        'translate(($visual-size - $size-compensation), 0)',\n      '[data-direction=\"bottom\"]':\n        'translate(0, ($visual-size - $size-compensation))',\n      '[data-direction=\"left\"]':\n        'translate(($size-compensation - $visual-size), 0)',\n    },\n    position: 'absolute',\n    zIndex: 1,\n    cursor: {\n      '': 'row-resize',\n      horizontal: 'col-resize',\n      disabled: 'not-allowed',\n    },\n    padding: 0,\n    boxSizing: 'border-box',\n    transition: 'theme',\n    // The track's far edge: its inset plus its thickness.\n    '--size-compensation': {\n      '': '(($handle-size + $grip-size) / 2)',\n      disabled: '1bw',\n    },\n\n    Track: {\n      width: {\n        '': 'initial',\n        horizontal: '$grip-size',\n        'disabled & horizontal': '1bw',\n      },\n      height: {\n        '': '$grip-size',\n        horizontal: 'initial',\n        'disabled & !horizontal': '1bw',\n      },\n      position: 'absolute',\n      inset: {\n        '': '(($handle-size - $grip-size) / 2) 0',\n        horizontal: '0 (($handle-size - $grip-size) / 2)',\n        disabled: '0 0',\n      },\n      fill: {\n        '': '#border',\n        '(hovered | drag) & !disabled': '#purple-03',\n      },\n      transition: 'theme',\n      outline: {\n        '': '$ring-width #primary-text.0',\n        drag: '$ring-width #primary-text',\n      },\n      outlineOffset: '$outline-offset',\n    },\n\n    Drag: {\n      display: 'grid',\n      gap: '$dot-gap',\n      flow: {\n        '': 'row',\n        horizontal: 'column',\n      },\n      gridColumns: {\n        '': 'repeat(5, $grip-size)',\n        horizontal: 'auto',\n      },\n      gridRows: {\n        '': 'auto',\n        horizontal: 'repeat(5, $grip-size)',\n      },\n      width: {\n        '': 'auto',\n        horizontal: '$dot-size',\n      },\n      height: {\n        '': '$dot-size',\n        horizontal: 'auto',\n      },\n      inset: {\n        '': '(($handle-size - $dot-size) / 2) 50% auto auto',\n        horizontal: '50% (($handle-size - $dot-size) / 2) auto auto',\n      },\n      transform: {\n        '': 'translate(-50%, 0)',\n        horizontal: 'translate(0, -50%)',\n      },\n      position: 'absolute',\n      transition: 'theme',\n    },\n\n    DragPart: {\n      radius: true,\n      fill: {\n        '': '#dark-03',\n        'hovered | drag': '#dark-02',\n        disabled: '#disabled-surface-text',\n      },\n    },\n  },\n});\n\ninterface HandlerProps extends BasePropsWithoutChildren {\n  direction?: Direction;\n}\n\nconst Handler = (props: HandlerProps) => {\n  const { direction = 'right', isDisabled, ...otherProps } = props;\n  const { hoverProps, isHovered } = useHover({});\n  const isHorizontal = direction === 'left' || direction === 'right';\n  const localIsHovered = useDebouncedValue(isHovered, 150);\n\n  return (\n    <HandlerElement\n      {...mergeProps(\n        hoverProps,\n        {\n          mods: {\n            hovered: localIsHovered,\n            horizontal: isHorizontal,\n            disabled: isDisabled,\n          },\n          'data-direction': direction,\n        },\n        otherProps,\n      )}\n    >\n      <div data-element=\"Track\" />\n      {!isDisabled ? (\n        <div data-element=\"Drag\">\n          <div data-element=\"DragPart\" />\n          <div data-element=\"DragPart\" />\n          <div data-element=\"DragPart\" />\n          <div data-element=\"DragPart\" />\n          <div data-element=\"DragPart\" />\n        </div>\n      ) : null}\n    </HandlerElement>\n  );\n};\n\nconst StyledPanel = tasty(Panel, {\n  styles: {\n    flexGrow: 0,\n    width: {\n      '': '$min-size $size $max-size',\n      '[data-direction=\"top\"] | [data-direction=\"bottom\"]': 'initial',\n    },\n    height: {\n      '': '$min-size $size $max-size',\n      '[data-direction=\"left\"] | [data-direction=\"right\"]': 'initial',\n    },\n    placeSelf: 'stretch',\n    touchAction: 'none',\n\n    '$indent-compensation': {\n      '': '3px',\n      disabled: '1bw',\n    },\n  },\n});\n\nfunction ResizablePanel(\n  props: CubeResizablePanelProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const isControllable = typeof props.size === 'number';\n  const {\n    isDisabled,\n    direction = 'right',\n    size: providedSize,\n    onSizeChange,\n    minSize = 200,\n    maxSize = isControllable ? undefined : 'min(50%, 400px)',\n    ...restProps\n  } = props;\n  const [isDragging, setIsDragging] = useState(false);\n  const isHorizontal = direction === 'left' || direction === 'right';\n\n  ref = useCombinedRefs(ref);\n\n  function clamp(size: number) {\n    if (typeof maxSize === 'number') {\n      size = Math.min(maxSize, size);\n    }\n\n    if (typeof minSize === 'number' || !minSize) {\n      size = Math.max((minSize as number) || 0, size);\n    }\n\n    return Math.max(size, 0);\n  }\n\n  const [size, setSize] = useState<number>(\n    providedSize != null ? clamp(providedSize) : 200,\n  );\n  const [visualSize, setVisualSize] = useState<number | null>(null);\n\n  const onResize = useEvent(() => {\n    if (ref?.current) {\n      const offsetProp = isHorizontal ? 'offsetWidth' : 'offsetHeight';\n      const containerSize = ref.current[offsetProp];\n\n      if (Math.abs(containerSize - size) < 1 && !isDisabled) {\n        setVisualSize(size);\n      } else {\n        setVisualSize(containerSize);\n      }\n    }\n  });\n\n  useResizeObserver({\n    ref,\n    onResize,\n  });\n\n  let { moveProps } = useMove({\n    onMoveStart(e) {\n      if (isDisabled) {\n        return;\n      }\n\n      setIsDragging(true);\n\n      const offsetProp = isHorizontal ? 'offsetWidth' : 'offsetHeight';\n\n      if (ref.current && Math.abs(ref.current[offsetProp] - size) >= 1) {\n        setSize(Math.round(ref.current[offsetProp]));\n      }\n    },\n    onMove(e) {\n      setSize((size) => {\n        if (isDisabled) {\n          return size;\n        }\n\n        if (e.pointerType === 'keyboard') {\n          return size;\n        }\n\n        size += isHorizontal\n          ? e.deltaX * (direction === 'right' ? 1 : -1)\n          : e.deltaY * (direction === 'bottom' ? 1 : -1);\n\n        return size;\n      });\n    },\n    onMoveEnd(e) {\n      setIsDragging(false);\n      setSize((size) => clamp(Math.round(size)));\n    },\n  });\n\n  // Since we sync provided size and the local one in two ways,\n  // we need a way to prevent infinite loop in some cases.\n  // We will run this in setTimeout and make sure it will get the most recent state.\n  const reconcileProvidedSize = useEffectEvent(() => {\n    setSize((size) => {\n      if (providedSize != null && Math.abs(providedSize - size) > 0.5) {\n        return providedSize;\n      }\n\n      return size;\n    });\n  });\n\n  useEffect(() => {\n    onResize();\n  }, [size, isDisabled, isHorizontal, onResize]);\n\n  // Notifications follow measurement/drag changes. Callback replacement and\n  // controlled-prop updates must not echo a previous measurement to the parent.\n  const notifySizeChange = useEffectEvent(\n    (next: number | null, dragging: boolean) => {\n      if (\n        !dragging &&\n        next != null &&\n        (providedSize == null || Math.abs(providedSize - next) > 0.5)\n      ) {\n        onSizeChange?.(Math.round(next));\n      }\n    },\n  );\n\n  useEffect(() => {\n    notifySizeChange(visualSize, isDragging);\n  }, [visualSize, isDragging]);\n\n  useEffect(() => {\n    const timer = setTimeout(reconcileProvidedSize, 500);\n    return () => clearTimeout(timer);\n  }, [providedSize]);\n\n  const mods = useMemo(() => {\n    return {\n      drag: isDragging,\n      horizontal: isHorizontal,\n      disabled: isDisabled,\n    };\n  }, [isDragging, isHorizontal, isDisabled]);\n\n  return (\n    <StyledPanel\n      ref={ref}\n      data-direction={direction}\n      mods={mods}\n      extra={\n        <Handler\n          isDisabled={isDisabled || visualSize == null}\n          direction={direction}\n          {...moveProps}\n          mods={mods}\n        />\n      }\n      {...mergeProps(restProps, {\n        tokens: {\n          ...restProps.tokens,\n          // We set the current size further via width/min-width/max-width styles to respect size boundaries\n          $size: `${size}px`,\n          // We use a separate visual size to paint the handler for a smoother experience\n          '$visual-size': `${visualSize}px`,\n          '$min-size': typeof minSize === 'number' ? `${minSize}px` : minSize,\n          '$max-size': typeof maxSize === 'number' ? `${maxSize}px` : maxSize,\n        },\n        innerStyles: {\n          // The panel inner space compensation for the handler\n          margin: `$indent-compensation ${direction}`,\n        },\n      })}\n    />\n  );\n}\n\nconst _ResizablePanel = forwardRef(ResizablePanel);\n\n_ResizablePanel.displayName = 'ResizablePanel';\n\nexport { _ResizablePanel as ResizablePanel };\n"],"mappings":"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"}

package/dist/components/layout/Space.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/layout/Suffix.js

@@ -1,8 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { c } from "react/compiler-runtime";
-import { CONTAINER_STYLES, filterBaseProps, parseStyle, tasty } from "@tenphi/tasty";
+import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef, useEffect } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/layout/Suffix.tsx
@@ -23,7 +23,7 @@ const SuffixElement = tasty({
 	}
 });
 const Suffix = forwardRef(function Suffix(allProps, outerRef) {
-	const $ = c(18);
+	const $ = c(16);
 	const { onWidthChange, outerGap: t0, children, ...props } = allProps;
 	const outerGap = t0 === void 0 ? "1bw" : t0;
 	const styles = extractStyles(props, CONTAINER_STYLES);
@@ -54,34 +54,28 @@ const Suffix = forwardRef(function Suffix(allProps, outerRef) {
 	const t3 = filterBaseProps(props, { eventProps: true });
 	let t4;
 	if ($[7] !== outerGap) {
-		t4 = parseStyle(outerGap);
+		t4 = { "$suffix-gap": outerGap };
 		$[7] = outerGap;
 		$[8] = t4;
 	} else t4 = $[8];
 	let t5;
-	if ($[9] !== t4.output) {
-		t5 = { "--suffix-gap": t4.output };
-		$[9] = t4.output;
-		$[10] = t5;
-	} else t5 = $[10];
-	let t6;
-	if ($[11] !== T0 || $[12] !== children || $[13] !== ref || $[14] !== styles || $[15] !== t3 || $[16] !== t5) {
-		t6 = /* @__PURE__ */ jsx(T0, {
+	if ($[9] !== T0 || $[10] !== children || $[11] !== ref || $[12] !== styles || $[13] !== t3 || $[14] !== t4) {
+		t5 = /* @__PURE__ */ jsx(T0, {
 			...t3,
 			ref,
 			styles,
-			style: t5,
+			tokens: t4,
 			children
 		});
-		$[11] = T0;
-		$[12] = children;
-		$[13] = ref;
-		$[14] = styles;
-		$[15] = t3;
-		$[16] = t5;
-		$[17] = t6;
-	} else t6 = $[17];
-	return t6;
+		$[9] = T0;
+		$[10] = children;
+		$[11] = ref;
+		$[12] = styles;
+		$[13] = t3;
+		$[14] = t4;
+		$[15] = t5;
+	} else t5 = $[15];
+	return t5;
 });
 //#endregion
 export { Suffix };

package/dist/components/layout/Suffix.js.map

@@ -1 +1 @@
-{"version":3,"file":"Suffix.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","parseStyle","tasty","CSSProperties","forwardRef","useEffect","useCombinedRefs","extractStyles","SuffixElement","element","styles","position","display","placeContent","placeItems","flow","gap","right","top","bottom","color","height","CubeSuffixProps","onWidthChange","Function","outerGap","Suffix","HTMLDivElement","allProps","outerRef","$","_c","t0","children","props","undefined","ref","t1","current","offsetWidth","t2","T0","t3","eventProps","t4","t5","output","t6","_c"],"sources":["../../../src/components/layout/Suffix.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  parseStyle,\n  tasty,\n} from '@tenphi/tasty';\nimport { CSSProperties, forwardRef, useEffect } from 'react';\n\nimport { useCombinedRefs } from '../../utils/react';\nimport { extractStyles } from '../../utils/styles';\n\nconst SuffixElement = tasty({\n  element: 'Suffix',\n  styles: {\n    position: 'absolute',\n    display: 'grid',\n    placeContent: 'stretch',\n    placeItems: 'center',\n    flow: 'column',\n    gap: 0,\n    right: '$suffix-gap',\n    top: '$suffix-gap',\n    bottom: '$suffix-gap',\n    color: '#dark-02',\n    height: '(100% - (2 * $suffix-gap))',\n  },\n});\n\nexport interface CubeSuffixProps extends BaseProps, ContainerStyleProps {\n  onWidthChange?: Function;\n  outerGap?: CSSProperties['gap'];\n}\n\nexport const Suffix = forwardRef<HTMLDivElement, CubeSuffixProps>(\n  function Suffix(allProps, outerRef) {\n    let { onWidthChange, outerGap = '1bw', children, ...props } = allProps;\n    const styles = extractStyles(props, CONTAINER_STYLES);\n    const ref = useCombinedRefs(outerRef);\n\n    useEffect(() => {\n      if (ref && ref.current && onWidthChange) {\n        onWidthChange(ref.current.offsetWidth);\n      }\n    }, [children, ref, onWidthChange]);\n\n    return (\n      <SuffixElement\n        {...filterBaseProps(props, { eventProps: true })}\n        ref={ref}\n        styles={styles}\n        style={{\n          '--suffix-gap': parseStyle(outerGap).output,\n        }}\n      >\n        {children}\n      </SuffixElement>\n    );\n  },\n);\n"],"mappings":";;;;;;;;AAaA,MAAMW,gBAAgBN,MAAM;CAC1BO,SAAS;CACTC,QAAQ;EACNC,UAAU;EACVC,SAAS;EACTC,cAAc;EACdC,YAAY;EACZC,MAAM;EACNC,KAAK;EACLC,OAAO;EACPC,KAAK;EACLC,QAAQ;EACRC,OAAO;EACPC,QAAQ;CACV;AACF,CAAC;AAOD,MAAaK,SAAStB,WACpB,SAAAsB,OAAAE,UAAAC,UAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACE,MAAA,EAAAR,eAAAE,UAAAO,IAAAC,UAAA,GAAAC,UAA8DN;CAAzC,MAAAH,WAAAO,OAAAG,KAAAA,IAAA,QAAAH;CACrB,MAAAtB,SAAeH,cAAc2B,OAAOpC,gBAAgB;CACpD,MAAAsC,MAAY9B,gBAAgBuB,QAAQ;CAAE,IAAAQ;CAAA,IAAAP,EAAA,OAAAP,iBAAAO,EAAA,OAAAM,KAAA;EAE5BC,WAAA;GACR,IAAID,OAAOA,IAAGE,WAAVf,eACFA,cAAca,IAAGE,QAAQC,WAAY;EACtC;EACFT,EAAA,KAAAP;EAAAO,EAAA,KAAAM;EAAAN,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,IAAAU;CAAA,IAAAV,EAAA,OAAAG,YAAAH,EAAA,OAAAP,iBAAAO,EAAA,OAAAM,KAAA;EAAEI,KAAA;GAACP;GAAUG;GAAKb;EAAa;EAACO,EAAA,KAAAG;EAAAH,EAAA,KAAAP;EAAAO,EAAA,KAAAM;EAAAN,EAAA,KAAAU;CAAA,OAAAA,KAAAV,EAAA;CAJjCzB,UAAUgC,IAIPG,EAA8B;CAG9B,MAAAC,KAAAjC;CACK,MAAAkC,KAAA1C,gBAAgBkC,OAAO,EAAAS,YAAc,KAAK,CAAC;CAAC,IAAAC;CAAA,IAAAd,EAAA,OAAAL,UAAA;EAI9BmB,KAAA3C,WAAWwB,QAAQ;EAACK,EAAA,KAAAL;EAAAK,EAAA,KAAAc;CAAA,OAAAA,KAAAd,EAAA;CAAA,IAAAe;CAAA,IAAAf,EAAA,OAAAc,GAAAE,QAAA;EAD/BD,KAAA,EAAA,gBACWD,GAAoBE,OACtC;EAAChB,EAAA,KAAAc,GAAAE;EAAAhB,EAAA,MAAAe;CAAA,OAAAA,KAAAf,EAAA;CAAA,IAAAiB;CAAA,IAAAjB,EAAA,QAAAW,MAAAX,EAAA,QAAAG,YAAAH,EAAA,QAAAM,OAAAN,EAAA,QAAApB,UAAAoB,EAAA,QAAAY,MAAAZ,EAAA,QAAAe,IAAA;EANHE,KAAA,oBAAC,IAAD;GAAc,GACRL;GACCN;GACG1B;GACD,OAAAmC;GAINZ;EARW,CAAA;EASEH,EAAA,MAAAW;EAAAX,EAAA,MAAAG;EAAAH,EAAA,MAAAM;EAAAN,EAAA,MAAApB;EAAAoB,EAAA,MAAAY;EAAAZ,EAAA,MAAAe;EAAAf,EAAA,MAAAiB;CAAA,OAAAA,KAAAjB,EAAA;CAAA,OAThBiB;AASgB,CAGtB"}
+{"version":3,"file":"Suffix.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","tasty","CSSProperties","forwardRef","useEffect","useCombinedRefs","extractStyles","SuffixElement","element","styles","position","display","placeContent","placeItems","flow","gap","right","top","bottom","color","height","CubeSuffixProps","onWidthChange","Function","outerGap","Suffix","HTMLDivElement","allProps","outerRef","$","_c","t0","children","props","undefined","ref","t1","current","offsetWidth","t2","T0","t3","eventProps","t4","t5","_c"],"sources":["../../../src/components/layout/Suffix.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { CSSProperties, forwardRef, useEffect } from 'react';\n\nimport { useCombinedRefs } from '../../utils/react';\nimport { extractStyles } from '../../utils/styles';\n\nconst SuffixElement = tasty({\n  element: 'Suffix',\n  styles: {\n    position: 'absolute',\n    display: 'grid',\n    placeContent: 'stretch',\n    placeItems: 'center',\n    flow: 'column',\n    gap: 0,\n    right: '$suffix-gap',\n    top: '$suffix-gap',\n    bottom: '$suffix-gap',\n    color: '#dark-02',\n    height: '(100% - (2 * $suffix-gap))',\n  },\n});\n\nexport interface CubeSuffixProps extends BaseProps, ContainerStyleProps {\n  onWidthChange?: Function;\n  outerGap?: CSSProperties['gap'];\n}\n\nexport const Suffix = forwardRef<HTMLDivElement, CubeSuffixProps>(\n  function Suffix(allProps, outerRef) {\n    let { onWidthChange, outerGap = '1bw', children, ...props } = allProps;\n    const styles = extractStyles(props, CONTAINER_STYLES);\n    const ref = useCombinedRefs(outerRef);\n\n    useEffect(() => {\n      if (ref && ref.current && onWidthChange) {\n        onWidthChange(ref.current.offsetWidth);\n      }\n    }, [children, ref, onWidthChange]);\n\n    return (\n      <SuffixElement\n        {...filterBaseProps(props, { eventProps: true })}\n        ref={ref}\n        styles={styles}\n        tokens={{ '$suffix-gap': outerGap }}\n      >\n        {children}\n      </SuffixElement>\n    );\n  },\n);\n"],"mappings":";;;;;;;;AAYA,MAAMU,gBAAgBN,MAAM;CAC1BO,SAAS;CACTC,QAAQ;EACNC,UAAU;EACVC,SAAS;EACTC,cAAc;EACdC,YAAY;EACZC,MAAM;EACNC,KAAK;EACLC,OAAO;EACPC,KAAK;EACLC,QAAQ;EACRC,OAAO;EACPC,QAAQ;CACV;AACF,CAAC;AAOD,MAAaK,SAAStB,WACpB,SAAAsB,OAAAE,UAAAC,UAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACE,MAAA,EAAAR,eAAAE,UAAAO,IAAAC,UAAA,GAAAC,UAA8DN;CAAzC,MAAAH,WAAAO,OAAAG,KAAAA,IAAA,QAAAH;CACrB,MAAAtB,SAAeH,cAAc2B,OAAOnC,gBAAgB;CACpD,MAAAqC,MAAY9B,gBAAgBuB,QAAQ;CAAE,IAAAQ;CAAA,IAAAP,EAAA,OAAAP,iBAAAO,EAAA,OAAAM,KAAA;EAE5BC,WAAA;GACR,IAAID,OAAOA,IAAGE,WAAVf,eACFA,cAAca,IAAGE,QAAQC,WAAY;EACtC;EACFT,EAAA,KAAAP;EAAAO,EAAA,KAAAM;EAAAN,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,IAAAU;CAAA,IAAAV,EAAA,OAAAG,YAAAH,EAAA,OAAAP,iBAAAO,EAAA,OAAAM,KAAA;EAAEI,KAAA;GAACP;GAAUG;GAAKb;EAAa;EAACO,EAAA,KAAAG;EAAAH,EAAA,KAAAP;EAAAO,EAAA,KAAAM;EAAAN,EAAA,KAAAU;CAAA,OAAAA,KAAAV,EAAA;CAJjCzB,UAAUgC,IAIPG,EAA8B;CAG9B,MAAAC,KAAAjC;CACK,MAAAkC,KAAAzC,gBAAgBiC,OAAO,EAAAS,YAAc,KAAK,CAAC;CAAC,IAAAC;CAAA,IAAAd,EAAA,OAAAL,UAAA;EAGxCmB,KAAA,EAAA,eAAiBnB,SAAS;EAACK,EAAA,KAAAL;EAAAK,EAAA,KAAAc;CAAA,OAAAA,KAAAd,EAAA;CAAA,IAAAe;CAAA,IAAAf,EAAA,OAAAW,MAAAX,EAAA,QAAAG,YAAAH,EAAA,QAAAM,OAAAN,EAAA,QAAApB,UAAAoB,EAAA,QAAAY,MAAAZ,EAAA,QAAAc,IAAA;EAJrCC,KAAA,oBAAC,IAAD;GAAc,GACRH;GACCN;GACG1B;GACA,QAAAkC;GAEPX;EANW,CAAA;EAOEH,EAAA,KAAAW;EAAAX,EAAA,MAAAG;EAAAH,EAAA,MAAAM;EAAAN,EAAA,MAAApB;EAAAoB,EAAA,MAAAY;EAAAZ,EAAA,MAAAc;EAAAd,EAAA,MAAAe;CAAA,OAAAA,KAAAf,EAAA;CAAA,OAPhBe;AAOgB,CAGtB"}

package/dist/components/navigation/Pagination/Pagination.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useI18n } from "../../../i18n/useI18n.js";
@@ -56,7 +56,7 @@ const PaginationElement = tasty({
 		Pages: {
 			display: "flex",
 			flow: "row",
-			gap: "1bw",
+			gap: "$item-gap",
 			placeItems: "center"
 		},
 		"$gap-size": {

package/dist/components/navigation/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","names":["useControlledState","filterBaseProps","OUTER_STYLES","tasty","forwardRef","useEvent","useFormatter","useI18n","BackwardIcon","ForwardIcon","LeftIcon","RightIcon","extractStyles","Button","Select","clampPage","getPageInfo","getPaginationRange","ForwardedRef","ReactElement","CubePaginationProps","CubeTablePageInfo","PaginationElement","qa","as","styles","display","flow","gap","placeItems","placeContent","Summary","preset","color","whiteSpace","Controls","Gap","width","height","userSelect","Pages","styleProps","NavButton","type","border","PageButton","formatRange","info","start","page","pageSize","end","total","Math","min","Pagination","props","ref","$","_c","pageProp","defaultPage","onPageChange","totalPages","totalPagesProp","pageSizeProp","defaultPageSize","pageSizeOptions","onPageSizeChange","t0","siblingCount","t1","boundaryCount","t2","size","t3","isDisabled","hasNextPage","isCompact","t4","summary","t5","labelFormatter","ariaLabel","pageSizeSelectStyles","mods","rest","undefined","t","formatNumber","setPageSize","v","setPage","isCountable","Number","MAX_SAFE_INTEGER","from","to","goTo","next","clamped","max","t6","value","onPageSizeSelectionChange","t7","value_0","onPageSelectionChange","pageItems","selectEntries","Array","length","_temp","isFirst","isLast","t8","summaryNode","renderPageControl","String","map","entry","entryInfo","label","entry_0","index","showEdgeButtons","t9","eventProps","t10","t11","t12","option","label_0","t13","t14","Symbol","for","t15","t16","t17","t18","t19","t20","t21","t22","_","i","_Pagination","displayName","_c","Select"],"sources":["../../../../src/components/navigation/Pagination/Pagination.tsx"],"sourcesContent":["import { useControlledState } from '@react-stately/utils';\nimport { filterBaseProps, OUTER_STYLES, tasty } from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { useFormatter, useI18n } from '../../../i18n';\nimport { BackwardIcon } from '../../../icons/BackwardIcon';\nimport { ForwardIcon } from '../../../icons/ForwardIcon';\nimport { LeftIcon } from '../../../icons/LeftIcon';\nimport { RightIcon } from '../../../icons/RightIcon';\nimport { extractStyles } from '../../../utils/styles';\nimport { Button } from '../../actions';\nimport { Select } from '../../fields/Select';\n\nimport { clampPage, getPageInfo, getPaginationRange } from './use-pagination';\n\nimport type { ForwardedRef, ReactElement } from 'react';\nimport type { CubePaginationProps, CubeTablePageInfo } from './types';\n\nconst PaginationElement = tasty({\n  qa: 'Pagination',\n  as: 'nav',\n  styles: {\n    display: 'flex',\n    flow: 'row',\n    gap: '1x',\n    placeItems: 'center',\n    placeContent: 'start',\n\n    Summary: {\n      // Follows the control's size rather than being fixed, so the summary\n      // matches whatever the buttons beside it are.\n      preset: { '': 't3', 'size=xsmall': 't4' },\n      color: '#dark-03',\n      whiteSpace: 'nowrap',\n    },\n\n    Controls: {\n      display: 'flex',\n      flow: 'row',\n      gap: '.5x',\n      placeItems: 'center',\n    },\n\n    Gap: {\n      display: 'grid',\n      placeItems: 'center',\n      width: 'min $gap-size',\n      height: '$gap-size',\n      preset: 't3',\n      color: '#dark-04',\n      userSelect: 'none',\n    },\n\n    /**\n     * The page numbers sit tighter than the nav buttons around them: they read\n     * as one run of pages, not as separate controls, and a hairline is enough\n     * to keep the current page's outline off its neighbours.\n     */\n    Pages: {\n      display: 'flex',\n      flow: 'row',\n      gap: '1bw',\n      placeItems: 'center',\n    },\n\n    '$gap-size': {\n      '': '$size-sm',\n      'size=xsmall': '$size-xs',\n      'size=medium': '$size-md',\n    },\n  },\n  styleProps: OUTER_STYLES,\n});\n\nconst NavButton = tasty(Button, {\n  type: 'clear',\n  styles: { border: true },\n});\n\n// Page buttons are borderless so the current page — which renders as `outline`\n// and therefore draws its own border — is the only bordered one in the run.\nconst PageButton = tasty(Button, {\n  type: 'clear',\n});\n\nfunction formatRange(info: CubeTablePageInfo): string {\n  const start = (info.page - 1) * info.pageSize + 1;\n  const end =\n    info.total > 0\n      ? Math.min(info.page * info.pageSize, info.total)\n      : info.page * info.pageSize;\n\n  return `${start}–${end}`;\n}\n\nfunction Pagination(\n  props: CubePaginationProps,\n  ref: ForwardedRef<HTMLElement>,\n): ReactElement {\n  const {\n    page: pageProp,\n    defaultPage,\n    onPageChange,\n    totalPages: totalPagesProp,\n    total,\n    pageSize: pageSizeProp,\n    defaultPageSize,\n    pageSizeOptions,\n    onPageSizeChange,\n    type = 'numbers',\n    siblingCount = 1,\n    boundaryCount = 1,\n    size = 'small',\n    isDisabled,\n    hasNextPage,\n    isCompact = false,\n    summary = false,\n    labelFormatter,\n    ariaLabel,\n    pageSizeSelectStyles,\n    qa,\n    mods,\n    ...rest\n  } = props;\n\n  const { t } = useI18n();\n  const { formatNumber } = useFormatter();\n\n  const [pageSize, setPageSize] = useControlledState<number>(\n    pageSizeProp as number,\n    defaultPageSize ?? 50,\n    onPageSizeChange as (v: number) => void,\n  );\n  const [page, setPage] = useControlledState<number>(\n    pageProp as number,\n    defaultPage ?? 1,\n    onPageChange as (v: number) => void,\n  );\n\n  // Unknown total: prev/next only, with `hasNextPage` driving the next button.\n  // The page must NOT be clamped in that mode — there is nothing to clamp to.\n  const isCountable = totalPagesProp != null || total != null;\n\n  const info: CubeTablePageInfo = isCountable\n    ? getPageInfo({\n        page,\n        pageSize,\n        total: total ?? 0,\n        totalPages: totalPagesProp,\n      })\n    : {\n        page: clampPage(page, Number.MAX_SAFE_INTEGER),\n        pageSize,\n        totalPages: 0,\n        total: 0,\n        from: 0,\n        to: 0,\n      };\n\n  const { totalPages } = info;\n\n  const goTo = useEvent((next: number) => {\n    const clamped = isCountable\n      ? clampPage(next, totalPages)\n      : Math.max(next, 1);\n\n    if (clamped !== info.page) setPage(clamped);\n  });\n\n  const onPageSizeSelectionChange = useEvent((value: any) => {\n    setPageSize(Number(value));\n    setPage(1);\n  });\n\n  const onPageSelectionChange = useEvent((value: any) => {\n    goTo(Number(value));\n  });\n\n  const pageItems =\n    type === 'numbers' && isCountable\n      ? getPaginationRange({\n          page: info.page,\n          totalPages,\n          siblingCount,\n          boundaryCount,\n        })\n      : [];\n\n  // `type=\"select\"` materializes one entry per page, so it is only safe for\n  // small page counts. Above the cap we fall back to `compact`, which reads the\n  // same but renders a single label.\n  const selectEntries =\n    type === 'select' && isCountable && totalPages <= 200\n      ? Array.from({ length: totalPages }, (_, i) => i + 1)\n      : null;\n\n  const isFirst = info.page <= 1;\n  const isLast = isCountable ? info.page >= totalPages : !hasNextPage;\n\n  const styles = extractStyles(props, OUTER_STYLES);\n\n  const summaryNode =\n    summary === false\n      ? null\n      : typeof summary === 'function'\n        ? summary(info)\n        : info.total > 0\n          ? // Numbers are formatted here rather than left to i18next, which\n            // interpolates them raw (\"1204\", not \"1,204\").\n            t('pagination.summary', '{{from}}–{{to}} of {{total}}', {\n              from: formatNumber(info.from),\n              to: formatNumber(info.to),\n              total: formatNumber(info.total),\n            })\n          : null;\n\n  function renderPageControl() {\n    if (selectEntries) {\n      return (\n        <Select\n          isBare\n          qa=\"PaginationPageSelect\"\n          size={size}\n          isDisabled={isDisabled}\n          aria-label={t('pagination.selectPage', 'Select page')}\n          selectedKey={String(info.page)}\n          width=\"min 15x\"\n          styles={pageSizeSelectStyles}\n          onSelectionChange={onPageSelectionChange}\n        >\n          {selectEntries.map((entry) => {\n            const entryInfo = { ...info, page: entry };\n            const label =\n              labelFormatter?.(entryInfo) ??\n              (info.total > 0\n                ? formatRange(entryInfo)\n                : t('pagination.page', 'Page {{page}}', { page: entry }));\n\n            return (\n              <Select.Item key={entry} textValue={String(label)}>\n                {label}\n              </Select.Item>\n            );\n          })}\n        </Select>\n      );\n    }\n\n    if (type === 'numbers' && pageItems.length > 0) {\n      return (\n        <div data-element=\"Pages\">\n          {pageItems.map((entry, index) =>\n            entry === 'gap' ? (\n              <div key={`gap-${index}`} data-element=\"Gap\" aria-hidden=\"true\">\n                {'…'}\n              </div>\n            ) : (\n              <PageButton\n                key={entry}\n                qa={`PaginationPage_${entry}`}\n                size={size}\n                type={entry === info.page ? 'outline' : 'clear'}\n                isDisabled={isDisabled}\n                aria-label={t('pagination.page', 'Page {{page}}', {\n                  page: entry,\n                })}\n                aria-current={entry === info.page ? 'page' : undefined}\n                onPress={() => goTo(entry)}\n              >\n                {entry}\n              </PageButton>\n            ),\n          )}\n        </div>\n      );\n    }\n\n    if (!isCountable) return null;\n\n    return (\n      <div data-element=\"Summary\" data-qa=\"PaginationPageLabel\">\n        {t('pagination.pageOf', '{{page}} of {{totalPages}}', {\n          page: info.page,\n          totalPages,\n        })}\n      </div>\n    );\n  }\n\n  const showEdgeButtons = !isCompact && isCountable;\n\n  return (\n    <PaginationElement\n      {...filterBaseProps(rest, { eventProps: true })}\n      ref={ref}\n      qa={qa || 'Pagination'}\n      styles={styles}\n      mods={{ size, ...mods }}\n      aria-label={ariaLabel ?? t('pagination.ariaLabel', 'Pagination')}\n    >\n      {summaryNode ? <div data-element=\"Summary\">{summaryNode}</div> : null}\n\n      {pageSizeOptions && onPageSizeChange ? (\n        <Select\n          isBare\n          qa=\"PaginationPageSizeSelect\"\n          size={size}\n          isDisabled={isDisabled}\n          aria-label={t('pagination.itemsPerPage', 'Items per page')}\n          selectedKey={String(pageSize)}\n          styles={pageSizeSelectStyles}\n          onSelectionChange={onPageSizeSelectionChange}\n        >\n          {pageSizeOptions.map((option) => {\n            const label = t(\n              'pagination.itemsPerPageOption',\n              '{{size}} / page',\n              {\n                size: option,\n              },\n            );\n\n            return (\n              <Select.Item key={option} textValue={label}>\n                {label}\n              </Select.Item>\n            );\n          })}\n        </Select>\n      ) : null}\n\n      <div data-element=\"Controls\">\n        {showEdgeButtons ? (\n          <NavButton\n            qa=\"PaginationFirstButton\"\n            size={size}\n            icon={<BackwardIcon />}\n            isDisabled={isFirst || isDisabled}\n            aria-label={t('pagination.firstPage', 'First page')}\n            onPress={() => goTo(1)}\n          />\n        ) : null}\n\n        <NavButton\n          qa=\"PaginationPrevButton\"\n          size={size}\n          icon={<LeftIcon />}\n          isDisabled={isFirst || isDisabled}\n          aria-label={t('pagination.previousPage', 'Previous page')}\n          onPress={() => goTo(info.page - 1)}\n        />\n\n        {renderPageControl()}\n\n        <NavButton\n          qa=\"PaginationNextButton\"\n          size={size}\n          icon={<RightIcon />}\n          isDisabled={isLast || isDisabled}\n          aria-label={t('pagination.nextPage', 'Next page')}\n          onPress={() => goTo(info.page + 1)}\n        />\n\n        {showEdgeButtons ? (\n          <NavButton\n            qa=\"PaginationLastButton\"\n            size={size}\n            icon={<ForwardIcon />}\n            isDisabled={isLast || isDisabled}\n            aria-label={t('pagination.lastPage', 'Last page')}\n            onPress={() => goTo(totalPages)}\n          />\n        ) : null}\n      </div>\n    </PaginationElement>\n  );\n}\n\nconst _Pagination = forwardRef(Pagination);\n\n_Pagination.displayName = 'Pagination';\n\nexport { _Pagination as Pagination };\n"],"mappings":"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"}
+{"version":3,"file":"Pagination.js","names":["useControlledState","filterBaseProps","OUTER_STYLES","tasty","forwardRef","useEvent","useFormatter","useI18n","BackwardIcon","ForwardIcon","LeftIcon","RightIcon","extractStyles","Button","Select","clampPage","getPageInfo","getPaginationRange","ForwardedRef","ReactElement","CubePaginationProps","CubeTablePageInfo","PaginationElement","qa","as","styles","display","flow","gap","placeItems","placeContent","Summary","preset","color","whiteSpace","Controls","Gap","width","height","userSelect","Pages","styleProps","NavButton","type","border","PageButton","formatRange","info","start","page","pageSize","end","total","Math","min","Pagination","props","ref","$","_c","pageProp","defaultPage","onPageChange","totalPages","totalPagesProp","pageSizeProp","defaultPageSize","pageSizeOptions","onPageSizeChange","t0","siblingCount","t1","boundaryCount","t2","size","t3","isDisabled","hasNextPage","isCompact","t4","summary","t5","labelFormatter","ariaLabel","pageSizeSelectStyles","mods","rest","undefined","t","formatNumber","setPageSize","v","setPage","isCountable","Number","MAX_SAFE_INTEGER","from","to","goTo","next","clamped","max","t6","value","onPageSizeSelectionChange","t7","value_0","onPageSelectionChange","pageItems","selectEntries","Array","length","_temp","isFirst","isLast","t8","summaryNode","renderPageControl","String","map","entry","entryInfo","label","entry_0","index","showEdgeButtons","t9","eventProps","t10","t11","t12","option","label_0","t13","t14","Symbol","for","t15","t16","t17","t18","t19","t20","t21","t22","_","i","_Pagination","displayName","_c","Select"],"sources":["../../../../src/components/navigation/Pagination/Pagination.tsx"],"sourcesContent":["import { useControlledState } from '@react-stately/utils';\nimport { filterBaseProps, OUTER_STYLES, tasty } from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { useFormatter, useI18n } from '../../../i18n';\nimport { BackwardIcon } from '../../../icons/BackwardIcon';\nimport { ForwardIcon } from '../../../icons/ForwardIcon';\nimport { LeftIcon } from '../../../icons/LeftIcon';\nimport { RightIcon } from '../../../icons/RightIcon';\nimport { extractStyles } from '../../../utils/styles';\nimport { Button } from '../../actions';\nimport { Select } from '../../fields/Select';\n\nimport { clampPage, getPageInfo, getPaginationRange } from './use-pagination';\n\nimport type { ForwardedRef, ReactElement } from 'react';\nimport type { CubePaginationProps, CubeTablePageInfo } from './types';\n\nconst PaginationElement = tasty({\n  qa: 'Pagination',\n  as: 'nav',\n  styles: {\n    display: 'flex',\n    flow: 'row',\n    gap: '1x',\n    placeItems: 'center',\n    placeContent: 'start',\n\n    Summary: {\n      // Follows the control's size rather than being fixed, so the summary\n      // matches whatever the buttons beside it are.\n      preset: { '': 't3', 'size=xsmall': 't4' },\n      color: '#dark-03',\n      whiteSpace: 'nowrap',\n    },\n\n    Controls: {\n      display: 'flex',\n      flow: 'row',\n      gap: '.5x',\n      placeItems: 'center',\n    },\n\n    Gap: {\n      display: 'grid',\n      placeItems: 'center',\n      width: 'min $gap-size',\n      height: '$gap-size',\n      preset: 't3',\n      color: '#dark-04',\n      userSelect: 'none',\n    },\n\n    /**\n     * The page numbers sit tighter than the nav buttons around them: they read\n     * as one run of pages, not as separate controls, and a hairline is enough\n     * to keep the current page's outline off its neighbours.\n     */\n    Pages: {\n      display: 'flex',\n      flow: 'row',\n      gap: '$item-gap',\n      placeItems: 'center',\n    },\n\n    '$gap-size': {\n      '': '$size-sm',\n      'size=xsmall': '$size-xs',\n      'size=medium': '$size-md',\n    },\n  },\n  styleProps: OUTER_STYLES,\n});\n\nconst NavButton = tasty(Button, {\n  type: 'clear',\n  styles: { border: true },\n});\n\n// Page buttons are borderless so the current page — which renders as `outline`\n// and therefore draws its own border — is the only bordered one in the run.\nconst PageButton = tasty(Button, {\n  type: 'clear',\n});\n\nfunction formatRange(info: CubeTablePageInfo): string {\n  const start = (info.page - 1) * info.pageSize + 1;\n  const end =\n    info.total > 0\n      ? Math.min(info.page * info.pageSize, info.total)\n      : info.page * info.pageSize;\n\n  return `${start}–${end}`;\n}\n\nfunction Pagination(\n  props: CubePaginationProps,\n  ref: ForwardedRef<HTMLElement>,\n): ReactElement {\n  const {\n    page: pageProp,\n    defaultPage,\n    onPageChange,\n    totalPages: totalPagesProp,\n    total,\n    pageSize: pageSizeProp,\n    defaultPageSize,\n    pageSizeOptions,\n    onPageSizeChange,\n    type = 'numbers',\n    siblingCount = 1,\n    boundaryCount = 1,\n    size = 'small',\n    isDisabled,\n    hasNextPage,\n    isCompact = false,\n    summary = false,\n    labelFormatter,\n    ariaLabel,\n    pageSizeSelectStyles,\n    qa,\n    mods,\n    ...rest\n  } = props;\n\n  const { t } = useI18n();\n  const { formatNumber } = useFormatter();\n\n  const [pageSize, setPageSize] = useControlledState<number>(\n    pageSizeProp as number,\n    defaultPageSize ?? 50,\n    onPageSizeChange as (v: number) => void,\n  );\n  const [page, setPage] = useControlledState<number>(\n    pageProp as number,\n    defaultPage ?? 1,\n    onPageChange as (v: number) => void,\n  );\n\n  // Unknown total: prev/next only, with `hasNextPage` driving the next button.\n  // The page must NOT be clamped in that mode — there is nothing to clamp to.\n  const isCountable = totalPagesProp != null || total != null;\n\n  const info: CubeTablePageInfo = isCountable\n    ? getPageInfo({\n        page,\n        pageSize,\n        total: total ?? 0,\n        totalPages: totalPagesProp,\n      })\n    : {\n        page: clampPage(page, Number.MAX_SAFE_INTEGER),\n        pageSize,\n        totalPages: 0,\n        total: 0,\n        from: 0,\n        to: 0,\n      };\n\n  const { totalPages } = info;\n\n  const goTo = useEvent((next: number) => {\n    const clamped = isCountable\n      ? clampPage(next, totalPages)\n      : Math.max(next, 1);\n\n    if (clamped !== info.page) setPage(clamped);\n  });\n\n  const onPageSizeSelectionChange = useEvent((value: any) => {\n    setPageSize(Number(value));\n    setPage(1);\n  });\n\n  const onPageSelectionChange = useEvent((value: any) => {\n    goTo(Number(value));\n  });\n\n  const pageItems =\n    type === 'numbers' && isCountable\n      ? getPaginationRange({\n          page: info.page,\n          totalPages,\n          siblingCount,\n          boundaryCount,\n        })\n      : [];\n\n  // `type=\"select\"` materializes one entry per page, so it is only safe for\n  // small page counts. Above the cap we fall back to `compact`, which reads the\n  // same but renders a single label.\n  const selectEntries =\n    type === 'select' && isCountable && totalPages <= 200\n      ? Array.from({ length: totalPages }, (_, i) => i + 1)\n      : null;\n\n  const isFirst = info.page <= 1;\n  const isLast = isCountable ? info.page >= totalPages : !hasNextPage;\n\n  const styles = extractStyles(props, OUTER_STYLES);\n\n  const summaryNode =\n    summary === false\n      ? null\n      : typeof summary === 'function'\n        ? summary(info)\n        : info.total > 0\n          ? // Numbers are formatted here rather than left to i18next, which\n            // interpolates them raw (\"1204\", not \"1,204\").\n            t('pagination.summary', '{{from}}–{{to}} of {{total}}', {\n              from: formatNumber(info.from),\n              to: formatNumber(info.to),\n              total: formatNumber(info.total),\n            })\n          : null;\n\n  function renderPageControl() {\n    if (selectEntries) {\n      return (\n        <Select\n          isBare\n          qa=\"PaginationPageSelect\"\n          size={size}\n          isDisabled={isDisabled}\n          aria-label={t('pagination.selectPage', 'Select page')}\n          selectedKey={String(info.page)}\n          width=\"min 15x\"\n          styles={pageSizeSelectStyles}\n          onSelectionChange={onPageSelectionChange}\n        >\n          {selectEntries.map((entry) => {\n            const entryInfo = { ...info, page: entry };\n            const label =\n              labelFormatter?.(entryInfo) ??\n              (info.total > 0\n                ? formatRange(entryInfo)\n                : t('pagination.page', 'Page {{page}}', { page: entry }));\n\n            return (\n              <Select.Item key={entry} textValue={String(label)}>\n                {label}\n              </Select.Item>\n            );\n          })}\n        </Select>\n      );\n    }\n\n    if (type === 'numbers' && pageItems.length > 0) {\n      return (\n        <div data-element=\"Pages\">\n          {pageItems.map((entry, index) =>\n            entry === 'gap' ? (\n              <div key={`gap-${index}`} data-element=\"Gap\" aria-hidden=\"true\">\n                {'…'}\n              </div>\n            ) : (\n              <PageButton\n                key={entry}\n                qa={`PaginationPage_${entry}`}\n                size={size}\n                type={entry === info.page ? 'outline' : 'clear'}\n                isDisabled={isDisabled}\n                aria-label={t('pagination.page', 'Page {{page}}', {\n                  page: entry,\n                })}\n                aria-current={entry === info.page ? 'page' : undefined}\n                onPress={() => goTo(entry)}\n              >\n                {entry}\n              </PageButton>\n            ),\n          )}\n        </div>\n      );\n    }\n\n    if (!isCountable) return null;\n\n    return (\n      <div data-element=\"Summary\" data-qa=\"PaginationPageLabel\">\n        {t('pagination.pageOf', '{{page}} of {{totalPages}}', {\n          page: info.page,\n          totalPages,\n        })}\n      </div>\n    );\n  }\n\n  const showEdgeButtons = !isCompact && isCountable;\n\n  return (\n    <PaginationElement\n      {...filterBaseProps(rest, { eventProps: true })}\n      ref={ref}\n      qa={qa || 'Pagination'}\n      styles={styles}\n      mods={{ size, ...mods }}\n      aria-label={ariaLabel ?? t('pagination.ariaLabel', 'Pagination')}\n    >\n      {summaryNode ? <div data-element=\"Summary\">{summaryNode}</div> : null}\n\n      {pageSizeOptions && onPageSizeChange ? (\n        <Select\n          isBare\n          qa=\"PaginationPageSizeSelect\"\n          size={size}\n          isDisabled={isDisabled}\n          aria-label={t('pagination.itemsPerPage', 'Items per page')}\n          selectedKey={String(pageSize)}\n          styles={pageSizeSelectStyles}\n          onSelectionChange={onPageSizeSelectionChange}\n        >\n          {pageSizeOptions.map((option) => {\n            const label = t(\n              'pagination.itemsPerPageOption',\n              '{{size}} / page',\n              {\n                size: option,\n              },\n            );\n\n            return (\n              <Select.Item key={option} textValue={label}>\n                {label}\n              </Select.Item>\n            );\n          })}\n        </Select>\n      ) : null}\n\n      <div data-element=\"Controls\">\n        {showEdgeButtons ? (\n          <NavButton\n            qa=\"PaginationFirstButton\"\n            size={size}\n            icon={<BackwardIcon />}\n            isDisabled={isFirst || isDisabled}\n            aria-label={t('pagination.firstPage', 'First page')}\n            onPress={() => goTo(1)}\n          />\n        ) : null}\n\n        <NavButton\n          qa=\"PaginationPrevButton\"\n          size={size}\n          icon={<LeftIcon />}\n          isDisabled={isFirst || isDisabled}\n          aria-label={t('pagination.previousPage', 'Previous page')}\n          onPress={() => goTo(info.page - 1)}\n        />\n\n        {renderPageControl()}\n\n        <NavButton\n          qa=\"PaginationNextButton\"\n          size={size}\n          icon={<RightIcon />}\n          isDisabled={isLast || isDisabled}\n          aria-label={t('pagination.nextPage', 'Next page')}\n          onPress={() => goTo(info.page + 1)}\n        />\n\n        {showEdgeButtons ? (\n          <NavButton\n            qa=\"PaginationLastButton\"\n            size={size}\n            icon={<ForwardIcon />}\n            isDisabled={isLast || isDisabled}\n            aria-label={t('pagination.lastPage', 'Last page')}\n            onPress={() => goTo(totalPages)}\n          />\n        ) : null}\n      </div>\n    </PaginationElement>\n  );\n}\n\nconst _Pagination = forwardRef(Pagination);\n\n_Pagination.displayName = 'Pagination';\n\nexport { _Pagination as Pagination };\n"],"mappings":"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"}

package/dist/components/navigation/Pagination/use-pagination.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { c } from "react/compiler-runtime";
 import { useControlledState } from "@react-stately/utils";

package/dist/components/navigation/Tabs/BoardDragActiveProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/navigation/Tabs/DraggableTabList.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { DraggableCollection } from "../../shared/DraggableCollection.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";

package/dist/components/navigation/Tabs/TabButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
@@ -717,6 +717,7 @@ function TabButton(t0) {
 				skipActionsWidthTransition,
 				autoHideActions: effectiveAutoHideActions,
 				as: "button",
+				htmlType: "button",
 				...mergeProps$1(tabProps, hoverProps, focusProps, {
 					onKeyDown: handleKeyDown,
 					onPointerEnter: handleSpringLoadEnter,