@cube-dev/ui-kit 0.199.2 → 0.200.0

package/dist/components/form/Form/use-field/use-field-props.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { mergeProps } from "../../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../../_internal/hooks/use-event.js";
 import { warn } from "../../../../utils/warnings.js";

package/dist/components/form/Form/use-field/use-field.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../../utils/react/useLayoutEffect.js";
 import { useEvent } from "../../../../_internal/hooks/use-event.js";
 import { useIsFirstRender } from "../../../../_internal/hooks/use-is-first-render.js";

package/dist/components/form/Form/use-form.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { FORM_BACKEND, isModernFormController, modernBackendUnavailableError } from "./backend.js";
 import { applyRules } from "./validation.js";
 import { dotizeConvert } from "../../../utils/dotize.js";

package/dist/components/form/Form/validation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { validate } from "email-validator";
 import validUrl from "valid-url";
 //#region src/components/form/Form/validation.ts

package/dist/components/form/Label.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useProviderProps } from "../../provider.js";
 import { useI18n } from "../../i18n/useI18n.js";

package/dist/components/form/field-chrome.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { warn } from "../../utils/warnings.js";
 //#region src/components/form/field-chrome.ts
 /** Empty slot values suppress content; numeric zero is still text. */

package/dist/components/form/legacy-tooltip.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { warn } from "../../utils/warnings.js";
 //#region src/components/form/legacy-tooltip.ts
 let hasWarnedAboutLegacyTooltip = false;

package/dist/components/form/validation/ValidationIndicator.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { LoadingIcon } from "../../../icons/LoadingIcon.js";
 import { hasValidationState } from "./resolve-validation-props.js";
 import { InvalidIcon } from "../../shared/InvalidIcon.js";

package/dist/components/form/validation/resolve-validation-props.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 //#region src/components/form/validation/resolve-validation-props.ts
 /**
 * Normalizes the validation props of a field into a pair of booleans.

package/dist/components/form/validation/use-validation-props.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { useWarn } from "../../../_internal/hooks/use-warn.js";
 import { resolveValidationProps } from "./resolve-validation-props.js";
 import { c } from "react/compiler-runtime";

package/dist/components/form/wrapper.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { mergeProps } from "../../utils/react/mergeProps.js";
 import { hasFieldContent, warnAboutForceField } from "./field-chrome.js";
 import { warnAboutLegacyTooltip } from "./legacy-tooltip.js";

package/dist/components/helpers/DisplayTransition/DisplayTransition.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useCallback, useLayoutEffect, useRef, useState } from "react";
 //#region src/components/helpers/DisplayTransition/DisplayTransition.tsx

package/dist/components/helpers/IconSwitch/IconSwitch.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { DisplayTransition } from "../DisplayTransition/DisplayTransition.js";
 import { tasty } from "@tenphi/tasty";
 import { isValidElement, useCallback, useLayoutEffect, useRef, useState } from "react";

package/dist/components/layout/Flex.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | 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/Flow.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | 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/Grid.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | 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/Panel.js

@@ -1,4 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | 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 { BASE_STYLES, BLOCK_STYLES, COLOR_STYLES, DIMENSION_STYLES, OUTER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
@@ -73,6 +74,13 @@ const STYLES = [
 	"color",
 	"preset"
 ];
+const OUTER_STYLE_PROPS = [
+	...OUTER_STYLES,
+	...BASE_STYLES,
+	...BLOCK_STYLES,
+	...COLOR_STYLES,
+	...DIMENSION_STYLES
+];
 function Panel(props, ref) {
 	const $ = c(32);
 	let children;
@@ -88,43 +96,10 @@ function Panel(props, ref) {
 	let style;
 	let styles;
 	if ($[0] !== props) {
-		const { qa: t0, mods: t1, isStretched: t2, isFloating: t3, isCard: t4, isFlex: t5, styles: t6, innerStyles: t7, children: t8, extra: t9, style: t10, ...t11 } = props;
-		qa = t0;
-		mods = t1;
-		isStretched = t2;
-		isFloating = t3;
-		isCard = t4;
-		isFlex = t5;
-		children = t8;
-		extra = t9;
-		style = t10;
-		otherProps = t11;
-		styles = t6;
-		innerStyles = t7;
-		STYLES.forEach((style_0) => {
-			if (props[style_0]) {
-				innerStyles = {
-					...innerStyles,
-					[style_0]: props[style_0]
-				};
-				delete otherProps[style_0];
-			}
-		});
-		[
-			...OUTER_STYLES,
-			...BASE_STYLES,
-			...BLOCK_STYLES,
-			...COLOR_STYLES,
-			...DIMENSION_STYLES
-		].forEach((style_1) => {
-			if (style_1 in otherProps) {
-				styles = {
-					...styles,
-					[style_1]: otherProps[style_1]
-				};
-				delete otherProps[style_1];
-			}
-		});
+		({qa, mods, isStretched, isFloating, isCard, isFlex, styles, innerStyles, children, extra, style, ...otherProps} = props);
+		innerStyles = extractStyles(otherProps, STYLES, innerStyles, void 0, STYLES.filter((style_0) => otherProps[style_0] === void 0));
+		styles = extractStyles(otherProps, OUTER_STYLE_PROPS, styles, void 0, STYLES);
+		for (const style_1 of [...STYLES, ...OUTER_STYLE_PROPS]) delete otherProps[style_1];
 		$[0] = props;
 		$[1] = children;
 		$[2] = extra;

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

@@ -1 +1 @@
-{"version":3,"file":"Panel.js","names":["BASE_STYLES","BaseProps","BaseStyleProps","BLOCK_STYLES","BlockStyleProps","COLOR_STYLES","ColorStyleProps","DIMENSION_STYLES","OUTER_STYLES","OuterStyleProps","Styles","tasty","ForwardedRef","forwardRef","ReactNode","PanelElement","as","qa","styles","position","inset","stretched","display","radius","card","border","flexGrow","placeSelf","PanelInnerElement","flex","top","left","right","bottom","overflow","scrollbar","gridColumns","gridRows","flow","placeContent","styleProps","CubePanelProps","isStretched","isCard","isFloating","innerStyles","placeItems","gap","isFlex","children","extra","STYLES","const","Panel","props","ref","$","_c","mods","otherProps","style","t0","t1","t2","t3","t4","t5","t6","t7","t8","t9","t10","t11","forEach","style_0","style_1","floating","appliedMods","_Panel","displayName","_c"],"sources":["../../../src/components/layout/Panel.tsx"],"sourcesContent":["import {\n  BASE_STYLES,\n  BaseProps,\n  BaseStyleProps,\n  BLOCK_STYLES,\n  BlockStyleProps,\n  COLOR_STYLES,\n  ColorStyleProps,\n  DIMENSION_STYLES,\n  OUTER_STYLES,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef, ReactNode } from 'react';\n\nconst PanelElement = tasty({\n  as: 'section',\n  qa: 'Panel',\n  styles: {\n    position: {\n      '': 'relative',\n      'stretched | floating': 'absolute',\n    },\n    inset: {\n      '': 'initial',\n      stretched: true,\n    },\n    display: 'block',\n    radius: {\n      '': '0',\n      card: '1r',\n    },\n    border: {\n      '': '0',\n      card: '1bw',\n    },\n    flexGrow: 1,\n    placeSelf: 'stretch',\n  },\n});\n\nconst PanelInnerElement = tasty({\n  styles: {\n    position: 'absolute',\n    display: {\n      '': 'grid',\n      flex: 'flex',\n    },\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    overflow: 'auto',\n    scrollbar: 'thin #dark.2',\n    gridColumns: 'minmax(100%, 100%)',\n    gridRows: {\n      '': 'initial',\n      stretched: 'minmax(0, 1fr)',\n    },\n    radius: {\n      '': '0',\n      card: '(1r - 1bw)',\n    },\n    flow: 'row',\n    placeContent: 'start stretch',\n  },\n  styleProps: [...OUTER_STYLES, ...BASE_STYLES, ...COLOR_STYLES],\n});\n\nexport interface CubePanelProps\n  extends\n    OuterStyleProps,\n    BlockStyleProps,\n    BaseStyleProps,\n    ColorStyleProps,\n    BaseProps {\n  isStretched?: boolean;\n  isCard?: boolean;\n  isFloating?: boolean;\n  styles?: Styles;\n  innerStyles?: Styles;\n  placeContent?: Styles['placeContent'];\n  placeItems?: Styles['placeItems'];\n  gridColumns?: Styles['gridTemplateColumns'];\n  gridRows?: Styles['gridTemplateRows'];\n  flow?: Styles['flow'];\n  gap?: Styles['gap'];\n  isFlex?: boolean;\n  children?: ReactNode;\n  extra?: ReactNode;\n}\n\nconst STYLES = [\n  'placeContent',\n  'placeItems',\n  'gridColumns',\n  'gridRows',\n  'flow',\n  'gap',\n  'padding',\n  'overflow',\n  'fill',\n  'color',\n  'preset',\n] as const;\n\nfunction Panel(props: CubePanelProps, ref: ForwardedRef<HTMLDivElement>) {\n  let {\n    qa,\n    mods,\n    isStretched,\n    isFloating,\n    isCard,\n    isFlex,\n    styles,\n    innerStyles,\n    children,\n    extra,\n    style,\n    ...otherProps\n  } = props;\n\n  STYLES.forEach((style) => {\n    if (props[style]) {\n      innerStyles = { ...innerStyles, [style]: props[style] };\n\n      delete otherProps[style];\n    }\n  });\n\n  [\n    ...OUTER_STYLES,\n    ...BASE_STYLES,\n    ...BLOCK_STYLES,\n    ...COLOR_STYLES,\n    ...DIMENSION_STYLES,\n  ].forEach((style) => {\n    if (style in otherProps) {\n      styles = { ...styles, [style]: otherProps[style] };\n\n      delete otherProps[style];\n    }\n  });\n\n  const appliedMods = {\n    floating: isFloating,\n    stretched: isStretched,\n    card: isCard,\n    flex: isFlex,\n    ...mods,\n  };\n\n  return (\n    <PanelElement\n      ref={ref}\n      qa={qa}\n      mods={appliedMods}\n      styles={styles}\n      // oxlint-disable-next-line react/forbid-component-props -- forwards the consumer's public `style` prop\n      style={style}\n      // The loops above moved the style props into `styles` and\n      // `innerStyles`, but the type still lists them, and the `color` style\n      // prop collides with the HTML attribute of the same name.\n      {...(otherProps as BaseProps)}\n    >\n      <PanelInnerElement mods={appliedMods} styles={innerStyles}>\n        {children}\n      </PanelInnerElement>\n      {extra}\n    </PanelElement>\n  );\n}\n\nconst _Panel = forwardRef(Panel);\n\n_Panel.displayName = 'Panel';\n\nexport { _Panel as Panel };\n"],"mappings":"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"}
+{"version":3,"file":"Panel.js","names":["BASE_STYLES","BaseProps","BaseStyleProps","BLOCK_STYLES","BlockStyleProps","COLOR_STYLES","ColorStyleProps","DIMENSION_STYLES","OUTER_STYLES","OuterStyleProps","Styles","tasty","ForwardedRef","forwardRef","ReactNode","extractStyles","PanelElement","as","qa","styles","position","inset","stretched","display","radius","card","border","flexGrow","placeSelf","PanelInnerElement","flex","top","left","right","bottom","overflow","scrollbar","gridColumns","gridRows","flow","placeContent","styleProps","CubePanelProps","isStretched","isCard","isFloating","innerStyles","placeItems","gap","isFlex","children","extra","STYLES","const","OUTER_STYLE_PROPS","Panel","props","ref","$","_c","mods","otherProps","style","undefined","filter","style_0","style_1","t0","floating","appliedMods","t1","t2","t3","_Panel","displayName","_c"],"sources":["../../../src/components/layout/Panel.tsx"],"sourcesContent":["import {\n  BASE_STYLES,\n  BaseProps,\n  BaseStyleProps,\n  BLOCK_STYLES,\n  BlockStyleProps,\n  COLOR_STYLES,\n  ColorStyleProps,\n  DIMENSION_STYLES,\n  OUTER_STYLES,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef, ReactNode } from 'react';\n\nimport { extractStyles } from '../../utils/styles';\n\nconst PanelElement = tasty({\n  as: 'section',\n  qa: 'Panel',\n  styles: {\n    position: {\n      '': 'relative',\n      'stretched | floating': 'absolute',\n    },\n    inset: {\n      '': 'initial',\n      stretched: true,\n    },\n    display: 'block',\n    radius: {\n      '': '0',\n      card: '1r',\n    },\n    border: {\n      '': '0',\n      card: '1bw',\n    },\n    flexGrow: 1,\n    placeSelf: 'stretch',\n  },\n});\n\nconst PanelInnerElement = tasty({\n  styles: {\n    position: 'absolute',\n    display: {\n      '': 'grid',\n      flex: 'flex',\n    },\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    overflow: 'auto',\n    scrollbar: 'thin #dark.2',\n    gridColumns: 'minmax(100%, 100%)',\n    gridRows: {\n      '': 'initial',\n      stretched: 'minmax(0, 1fr)',\n    },\n    radius: {\n      '': '0',\n      card: '(1r - 1bw)',\n    },\n    flow: 'row',\n    placeContent: 'start stretch',\n  },\n  styleProps: [...OUTER_STYLES, ...BASE_STYLES, ...COLOR_STYLES],\n});\n\nexport interface CubePanelProps\n  extends\n    OuterStyleProps,\n    BlockStyleProps,\n    BaseStyleProps,\n    ColorStyleProps,\n    BaseProps {\n  isStretched?: boolean;\n  isCard?: boolean;\n  isFloating?: boolean;\n  styles?: Styles;\n  innerStyles?: Styles;\n  placeContent?: Styles['placeContent'];\n  placeItems?: Styles['placeItems'];\n  gridColumns?: Styles['gridTemplateColumns'];\n  gridRows?: Styles['gridTemplateRows'];\n  flow?: Styles['flow'];\n  gap?: Styles['gap'];\n  isFlex?: boolean;\n  children?: ReactNode;\n  extra?: ReactNode;\n}\n\nconst STYLES = [\n  'placeContent',\n  'placeItems',\n  'gridColumns',\n  'gridRows',\n  'flow',\n  'gap',\n  'padding',\n  'overflow',\n  'fill',\n  'color',\n  'preset',\n] as const;\n\nconst OUTER_STYLE_PROPS = [\n  ...OUTER_STYLES,\n  ...BASE_STYLES,\n  ...BLOCK_STYLES,\n  ...COLOR_STYLES,\n  ...DIMENSION_STYLES,\n];\n\nfunction Panel(props: CubePanelProps, ref: ForwardedRef<HTMLDivElement>) {\n  let {\n    qa,\n    mods,\n    isStretched,\n    isFloating,\n    isCard,\n    isFlex,\n    styles,\n    innerStyles,\n    children,\n    extra,\n    style,\n    ...otherProps\n  } = props;\n\n  // The inner style props go to the inner element; the remaining style props\n  // go to the outer one. An inner prop left `undefined` keeps `innerStyles`.\n  innerStyles = extractStyles(\n    otherProps,\n    STYLES,\n    innerStyles,\n    undefined,\n    STYLES.filter((style) => otherProps[style] === undefined),\n  );\n  styles = extractStyles(\n    otherProps,\n    OUTER_STYLE_PROPS,\n    styles,\n    undefined,\n    STYLES,\n  );\n\n  for (const style of [...STYLES, ...OUTER_STYLE_PROPS]) {\n    delete otherProps[style];\n  }\n\n  const appliedMods = {\n    floating: isFloating,\n    stretched: isStretched,\n    card: isCard,\n    flex: isFlex,\n    ...mods,\n  };\n\n  return (\n    <PanelElement\n      ref={ref}\n      qa={qa}\n      mods={appliedMods}\n      styles={styles}\n      // oxlint-disable-next-line tasty/no-style-prop -- forwards the consumer's public `style` prop\n      style={style}\n      // The style props were moved into `styles` and `innerStyles`, but the\n      // type still lists them, and the `color` style prop collides with the\n      // HTML attribute of the same name.\n      {...(otherProps as BaseProps)}\n    >\n      <PanelInnerElement mods={appliedMods} styles={innerStyles}>\n        {children}\n      </PanelInnerElement>\n      {extra}\n    </PanelElement>\n  );\n}\n\nconst _Panel = forwardRef(Panel);\n\n_Panel.displayName = 'Panel';\n\nexport { _Panel as Panel };\n"],"mappings":"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"}

package/dist/components/layout/Prefix.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../utils/react/useLayoutEffect.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";

package/dist/components/layout/ResizablePanel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | 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)",

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","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 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        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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"}
+{"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.2 | 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,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | 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";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | 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": {