@cube-dev/ui-kit 0.197.0 → 0.198.0

package/dist/components/layout/Panel.js

@@ -1,9 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 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";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/layout/Panel.tsx
 const PanelElement = tasty({
 	as: "section",
@@ -170,9 +169,10 @@ function Panel(props, ref) {
 		$[18] = t0;
 	} else t0 = $[18];
 	const appliedMods = t0;
-	let t1;
+	const t1 = otherProps;
+	let t2;
 	if ($[19] !== appliedMods || $[20] !== children || $[21] !== innerStyles) {
-		t1 = /* @__PURE__ */ jsx(PanelInnerElement, {
+		t2 = /* @__PURE__ */ jsx(PanelInnerElement, {
 			mods: appliedMods,
 			styles: innerStyles,
 			children
@@ -180,34 +180,34 @@ function Panel(props, ref) {
 		$[19] = appliedMods;
 		$[20] = children;
 		$[21] = innerStyles;
-		$[22] = t1;
-	} else t1 = $[22];
-	let t2;
-	if ($[23] !== appliedMods || $[24] !== extra || $[25] !== otherProps || $[26] !== qa || $[27] !== ref || $[28] !== style || $[29] !== styles || $[30] !== t1) {
-		t2 = /* @__PURE__ */ jsxs(PanelElement, {
+		$[22] = t2;
+	} else t2 = $[22];
+	let t3;
+	if ($[23] !== appliedMods || $[24] !== extra || $[25] !== qa || $[26] !== ref || $[27] !== style || $[28] !== styles || $[29] !== t1 || $[30] !== t2) {
+		t3 = /* @__PURE__ */ jsxs(PanelElement, {
 			ref,
 			qa,
 			mods: appliedMods,
 			styles,
 			style,
-			...otherProps,
-			children: [t1, extra]
+			...t1,
+			children: [t2, extra]
 		});
 		$[23] = appliedMods;
 		$[24] = extra;
-		$[25] = otherProps;
-		$[26] = qa;
-		$[27] = ref;
-		$[28] = style;
-		$[29] = styles;
-		$[30] = t1;
-		$[31] = t2;
-	} else t2 = $[31];
-	return t2;
+		$[25] = qa;
+		$[26] = ref;
+		$[27] = style;
+		$[28] = styles;
+		$[29] = t1;
+		$[30] = t2;
+		$[31] = t3;
+	} else t3 = $[31];
+	return t3;
 }
 const _Panel = forwardRef(Panel);
 _Panel.displayName = "Panel";
-
 //#endregion
-export { _Panel };
+export { _Panel as Panel };
+
 //# sourceMappingURL=Panel.js.map

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"],"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 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      style={style}\n      {...otherProps}\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","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      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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"}

package/dist/components/layout/Prefix.d.ts

@@ -1,14 +1,11 @@
 
 import { BaseProps, ContainerStyleProps } from "@tenphi/tasty";
-import * as react from "react";
 import { CSSProperties } from "react";
-
 //#region src/components/layout/Prefix.d.ts
-interface CubePrefixProps extends BaseProps, ContainerStyleProps {
+export interface CubePrefixProps extends BaseProps, ContainerStyleProps {
   onWidthChange?: Function;
   outerGap?: CSSProperties['gap'];
 }
-declare const Prefix: react.ForwardRefExoticComponent<CubePrefixProps & react.RefAttributes<HTMLDivElement>>;
+export declare const Prefix: import("react").ForwardRefExoticComponent<CubePrefixProps & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
-export { CubePrefixProps, Prefix };
 //# sourceMappingURL=Prefix.d.ts.map

package/dist/components/layout/Prefix.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.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";
@@ -6,7 +6,6 @@ import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, parseStyle, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/layout/Prefix.tsx
 const PrefixElement = tasty({
 	element: "Prefix",
@@ -85,7 +84,7 @@ const Prefix = forwardRef(function Prefix(allProps, outerRef) {
 	} else t6 = $[17];
 	return t6;
 });
-
 //#endregion
 export { Prefix };
+
 //# sourceMappingURL=Prefix.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Prefix.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","parseStyle","tasty","CSSProperties","forwardRef","useCombinedRefs","useLayoutEffect","extractStyles","PrefixElement","element","styles","position","display","placeContent","placeItems","flow","gap","left","top","bottom","color","height","CubePrefixProps","onWidthChange","Function","outerGap","Prefix","HTMLDivElement","allProps","outerRef","$","_c","t0","children","props","undefined","ref","t1","current","offsetWidth","t2","T0","t3","eventProps","t4","t5","output","t6"],"sources":["../../../src/components/layout/Prefix.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  parseStyle,\n  tasty,\n} from '@tenphi/tasty';\nimport { CSSProperties, forwardRef } from 'react';\n\nimport { useCombinedRefs, useLayoutEffect } from '../../utils/react';\nimport { extractStyles } from '../../utils/styles';\n\nconst PrefixElement = tasty({\n  element: 'Prefix',\n  styles: {\n    position: 'absolute',\n    display: 'grid',\n    placeContent: 'stretch',\n    placeItems: 'center',\n    flow: 'column',\n    gap: 0,\n    left: '$prefix-gap',\n    top: '$prefix-gap',\n    bottom: '$prefix-gap',\n    color: '#dark-02',\n    height: '(100% - (2 * $prefix-gap))',\n  },\n});\n\nexport interface CubePrefixProps extends BaseProps, ContainerStyleProps {\n  onWidthChange?: Function;\n  outerGap?: CSSProperties['gap'];\n}\n\nexport const Prefix = forwardRef<HTMLDivElement, CubePrefixProps>(\n  function Prefix(allProps, outerRef) {\n    let { onWidthChange, outerGap = '1bw', children, ...props } = allProps;\n\n    const styles = extractStyles(props, CONTAINER_STYLES);\n    const ref = useCombinedRefs(outerRef);\n\n    useLayoutEffect(() => {\n      if (ref?.current && onWidthChange) {\n        onWidthChange(ref.current.offsetWidth);\n      }\n    }, [children, ref, onWidthChange]);\n\n    return (\n      <PrefixElement\n        {...filterBaseProps(props, { eventProps: true })}\n        ref={ref}\n        styles={styles}\n        style={{\n          // @ts-ignore\n          '--prefix-gap': parseStyle(outerGap).output,\n        }}\n      >\n        {children}\n      </PrefixElement>\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,MAAM;EACNC,KAAK;EACLC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACV;CACD,CAAC;AAOF,MAAaK,SAAStB,WACpB,SAAAsB,OAAAE,UAAAC,UAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACE,MAAA,EAAAR,eAAAE,UAAAO,IAAAC,UAAA,GAAAC,UAA8DN;CAAzC,MAAAH,WAAAO,OAAAG,SAAA,QAAAH;CAErB,MAAAtB,SAAeH,cAAc2B,OAAOpC,iBAAiB;CACrD,MAAAsC,MAAY/B,gBAAgBwB,SAAS;CAAC,IAAAQ;AAAA,KAAAP,EAAA,OAAAP,iBAAAO,EAAA,OAAAM,KAAA;AAEtBC,aAAA;AACd,OAAID,KAAGE,WAAHf,cACFA,eAAca,IAAGE,QAAQC,YAAa;;AAEzCT,IAAA,KAAAP;AAAAO,IAAA,KAAAM;AAAAN,IAAA,KAAAO;OAAAA,MAAAP,EAAA;CAAA,IAAAU;AAAA,KAAAV,EAAA,OAAAG,YAAAH,EAAA,OAAAP,iBAAAO,EAAA,OAAAM,KAAA;AAAEI,OAAA;GAACP;GAAUG;GAAKb;GAAc;AAAAO,IAAA,KAAAG;AAAAH,IAAA,KAAAP;AAAAO,IAAA,KAAAM;AAAAN,IAAA,KAAAU;OAAAA,MAAAV,EAAA;AAJjCxB,mBAAgB+B,IAIbG,GAA+B;CAG/B,MAAAC,KAAAjC;CACK,MAAAkC,KAAA1C,gBAAgBkC,OAAO,EAAAS,YAAc,MAAM,CAAC;CAAA,IAAAC;AAAA,KAAAd,EAAA,OAAAL,UAAA;AAK9BmB,OAAA3C,WAAWwB,SAAS;AAAAK,IAAA,KAAAL;AAAAK,IAAA,KAAAc;OAAAA,MAAAd,EAAA;CAAA,IAAAe;AAAA,KAAAf,EAAA,OAAAc,GAAAE,QAAA;AAF/BD,OAAA,EAAA,gBAEWD,GAAoBE,QACrC;AAAAhB,IAAA,KAAAc,GAAAE;AAAAhB,IAAA,MAAAe;OAAAA,MAAAf,EAAA;CAAA,IAAAiB;AAAA,KAAAjB,EAAA,QAAAW,MAAAX,EAAA,QAAAG,YAAAH,EAAA,QAAAM,OAAAN,EAAA,QAAApB,UAAAoB,EAAA,QAAAY,MAAAZ,EAAA,QAAAe,IAAA;AAPHE,OAAA,oBAAC;GAAa,GACRL;GACCN;GACG1B;GACD,OAAAmC;GAKNZ;IACa;AAAAH,IAAA,MAAAW;AAAAX,IAAA,MAAAG;AAAAH,IAAA,MAAAM;AAAAN,IAAA,MAAApB;AAAAoB,IAAA,MAAAY;AAAAZ,IAAA,MAAAe;AAAAf,IAAA,MAAAiB;OAAAA,MAAAjB,EAAA;AAAA,QAVhBiB;EAaL"}
+{"version":3,"file":"Prefix.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","parseStyle","tasty","CSSProperties","forwardRef","useCombinedRefs","useLayoutEffect","extractStyles","PrefixElement","element","styles","position","display","placeContent","placeItems","flow","gap","left","top","bottom","color","height","CubePrefixProps","onWidthChange","Function","outerGap","Prefix","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/Prefix.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  parseStyle,\n  tasty,\n} from '@tenphi/tasty';\nimport { CSSProperties, forwardRef } from 'react';\n\nimport { useCombinedRefs, useLayoutEffect } from '../../utils/react';\nimport { extractStyles } from '../../utils/styles';\n\nconst PrefixElement = tasty({\n  element: 'Prefix',\n  styles: {\n    position: 'absolute',\n    display: 'grid',\n    placeContent: 'stretch',\n    placeItems: 'center',\n    flow: 'column',\n    gap: 0,\n    left: '$prefix-gap',\n    top: '$prefix-gap',\n    bottom: '$prefix-gap',\n    color: '#dark-02',\n    height: '(100% - (2 * $prefix-gap))',\n  },\n});\n\nexport interface CubePrefixProps extends BaseProps, ContainerStyleProps {\n  onWidthChange?: Function;\n  outerGap?: CSSProperties['gap'];\n}\n\nexport const Prefix = forwardRef<HTMLDivElement, CubePrefixProps>(\n  function Prefix(allProps, outerRef) {\n    let { onWidthChange, outerGap = '1bw', children, ...props } = allProps;\n\n    const styles = extractStyles(props, CONTAINER_STYLES);\n    const ref = useCombinedRefs(outerRef);\n\n    useLayoutEffect(() => {\n      if (ref?.current && onWidthChange) {\n        onWidthChange(ref.current.offsetWidth);\n      }\n    }, [children, ref, onWidthChange]);\n\n    return (\n      <PrefixElement\n        {...filterBaseProps(props, { eventProps: true })}\n        ref={ref}\n        styles={styles}\n        style={{\n          // @ts-ignore\n          '--prefix-gap': parseStyle(outerGap).output,\n        }}\n      >\n        {children}\n      </PrefixElement>\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,MAAM;EACNC,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;CAErB,MAAAtB,SAAeH,cAAc2B,OAAOpC,gBAAgB;CACpD,MAAAsC,MAAY/B,gBAAgBwB,QAAQ;CAAE,IAAAQ;CAAA,IAAAP,EAAA,OAAAP,iBAAAO,EAAA,OAAAM,KAAA;EAEtBC,WAAA;GACd,IAAID,KAAGE,WAAHf,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;CAJjCxB,kBAAgB+B,IAIbG,EAA8B;CAG9B,MAAAC,KAAAjC;CACK,MAAAkC,KAAA1C,gBAAgBkC,OAAO,EAAAS,YAAc,KAAK,CAAC;CAAC,IAAAC;CAAA,IAAAd,EAAA,OAAAL,UAAA;EAK9BmB,KAAA3C,WAAWwB,QAAQ;EAACK,EAAA,KAAAL;EAAAK,EAAA,KAAAc;CAAA,OAAAA,KAAAd,EAAA;CAAA,IAAAe;CAAA,IAAAf,EAAA,OAAAc,GAAAE,QAAA;EAF/BD,KAAA,EAAA,gBAEWD,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;EAPHE,KAAA,oBAAC,IAAD;GAAc,GACRL;GACCN;GACG1B;GACD,OAAAmC;GAKNZ;EATW,CAAA;EAUEH,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,OAVhBiB;AAUgB,CAGtB"}

package/dist/components/layout/ResizablePanel.d.ts

@@ -1,11 +1,9 @@
 
 import { CubePanelProps } from "./Panel.js";
 import { Styles } from "@tenphi/tasty";
-import * as react from "react";
-
 //#region src/components/layout/ResizablePanel.d.ts
 type Direction = 'top' | 'right' | 'bottom' | 'left';
-interface CubeResizablePanelProps extends CubePanelProps {
+export interface CubeResizablePanelProps extends CubePanelProps {
   handlerStyles?: Styles;
   /**
    * Optional because both `ResizablePanel` and `Handler` destructure it as
@@ -21,7 +19,7 @@ interface CubeResizablePanelProps extends CubePanelProps {
   maxSize?: string | number;
   isDisabled?: boolean;
 }
-declare const _ResizablePanel: react.ForwardRefExoticComponent<CubeResizablePanelProps & react.RefAttributes<HTMLDivElement>>;
+declare const _ResizablePanel: import("react").ForwardRefExoticComponent<CubeResizablePanelProps & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
-export { CubeResizablePanelProps, _ResizablePanel };
+export { _ResizablePanel as ResizablePanel };
 //# sourceMappingURL=ResizablePanel.d.ts.map

package/dist/components/layout/ResizablePanel.js

@@ -1,16 +1,15 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.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";
 import { useDebouncedValue } from "../../_internal/hooks/use-debounced-value.js";
-import { _Panel } from "./Panel.js";
+import { Panel as _Panel } from "./Panel.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef, useEffect, useEffectEvent, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useHover, useMove } from "react-aria";
 import { useResizeObserver } from "@react-aria/utils";
-
 //#region src/components/layout/ResizablePanel.tsx
 const HandlerElement = tasty({
 	qa: "ResizeHandler",
@@ -428,7 +427,7 @@ function ResizablePanel(props, ref) {
 }
 const _ResizablePanel = forwardRef(ResizablePanel);
 _ResizablePanel.displayName = "ResizablePanel";
-
 //#endregion
-export { _ResizablePanel };
+export { _ResizablePanel as ResizablePanel };
+
 //# sourceMappingURL=ResizablePanel.js.map

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"],"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","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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"}

package/dist/components/layout/Space.d.ts

@@ -1,12 +1,9 @@
 
 import { AllBaseProps, ContainerStyleProps } from "@tenphi/tasty";
-import * as react from "react";
-
 //#region src/components/layout/Space.d.ts
-interface CubeSpaceProps extends AllBaseProps, ContainerStyleProps {
+export interface CubeSpaceProps extends AllBaseProps, ContainerStyleProps {
   direction?: 'vertical' | 'horizontal';
 }
-declare const Space: react.ForwardRefExoticComponent<CubeSpaceProps & react.RefAttributes<unknown>>;
+export declare const Space: import("react").ForwardRefExoticComponent<CubeSpaceProps & import("react").RefAttributes<unknown>>;
 //#endregion
-export { CubeSpaceProps, Space };
 //# sourceMappingURL=Space.d.ts.map

package/dist/components/layout/Space.js

@@ -1,10 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/layout/Space.tsx
 const SpaceElement = tasty({ styles: {
 	display: "flex",
@@ -74,7 +73,7 @@ const Space = forwardRef(function Space(props, ref) {
 	} else t3 = $[15];
 	return t3;
 });
-
 //#endregion
 export { Space };
+
 //# sourceMappingURL=Space.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Space.js","names":["AllBaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","tasty","forwardRef","extractStyles","SpaceElement","styles","display","gap","flow","vertical","placeItems","CubeSpaceProps","direction","Space","props","ref","$","_c","T0","mods","otherProps","t0","eventProps","t1","t2","t3"],"sources":["../../../src/components/layout/Space.tsx"],"sourcesContent":["import {\n  AllBaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { extractStyles } from '../../utils/styles';\n\nconst SpaceElement = tasty({\n  styles: {\n    display: 'flex',\n    gap: true,\n    flow: {\n      '': 'row',\n      vertical: 'column',\n    },\n    placeItems: {\n      '': 'center stretch',\n      vertical: 'stretch',\n    },\n  },\n});\n\nexport interface CubeSpaceProps extends AllBaseProps, ContainerStyleProps {\n  direction?: 'vertical' | 'horizontal';\n}\n\nexport const Space = forwardRef(function Space(props: CubeSpaceProps, ref) {\n  const { mods, direction, ...otherProps } = props;\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  return (\n    <SpaceElement\n      {...filterBaseProps(otherProps, { eventProps: true })}\n      ref={ref}\n      mods={{\n        vertical:\n          direction === 'vertical' ||\n          otherProps.flow === 'column' ||\n          styles.flow === 'column',\n        ...mods,\n      }}\n      styles={styles}\n    />\n  );\n});\n"],"mappings":";;;;;;;;AAWA,MAAMO,eAAeH,MAAM,EACzBI,QAAQ;CACNC,SAAS;CACTC,KAAK;CACLC,MAAM;EACJ,IAAI;EACJC,UAAU;EACX;CACDC,YAAY;EACV,IAAI;EACJD,UAAU;EACZ;CACF,EACD,CAAC;AAMF,MAAaI,QAAQX,WAAW,SAAAW,MAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAN;CAAA,IAAAO;CAAA,IAAAC;CAAA,IAAAf;CAAA,IAAAgB;AAAA,KAAAL,EAAA,OAAAF,OAAA;AAC9B,GAAA,CAAAK,MAAAP,cAAAQ,cAA2CN;AAC3CT,WAAeF,cAAciB,YAAYtB,iBAAiB;AAGvDoB,OAAAd;AACKiB,OAAArB,gBAAgBoB,YAAY,EAAAE,YAAc,MAAM,CAAC;AAAAN,IAAA,KAAAF;AAAAE,IAAA,KAAAE;AAAAF,IAAA,KAAAJ;AAAAI,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAX;AAAAW,IAAA,KAAAK;QAAA;AAAAH,OAAAF,EAAA;AAAAJ,cAAAI,EAAA;AAAAG,SAAAH,EAAA;AAAAI,eAAAJ,EAAA;AAAAX,WAAAW,EAAA;AAAAK,OAAAL,EAAA;;CAIjD,MAAAO,KAAAX,cAAc,cACdQ,WAAUZ,SAAU,YACpBH,OAAMG,SAAU;CAAQ,IAAAgB;AAAA,KAAAR,EAAA,OAAAG,QAAAH,EAAA,OAAAO,IAAA;AAJtBC,OAAA;GAAAf,UAEFc;GAEwB,GACvBJ;GACJ;AAAAH,IAAA,KAAAG;AAAAH,IAAA,KAAAO;AAAAP,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAAA,IAAAS;AAAA,KAAAT,EAAA,QAAAE,MAAAF,EAAA,QAAAD,OAAAC,EAAA,QAAAX,UAAAW,EAAA,QAAAK,MAAAL,EAAA,QAAAQ,IAAA;AATHC,OAAA,oBAAC;GAAY,GACPJ;GACCN;GACC,MAAAS;GAOEnB;IACR;AAAAW,IAAA,MAAAE;AAAAF,IAAA,MAAAD;AAAAC,IAAA,MAAAX;AAAAW,IAAA,MAAAK;AAAAL,IAAA,MAAAQ;AAAAR,IAAA,MAAAS;OAAAA,MAAAT,EAAA;AAAA,QAXFS;EAaF"}
+{"version":3,"file":"Space.js","names":["AllBaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","tasty","forwardRef","extractStyles","SpaceElement","styles","display","gap","flow","vertical","placeItems","CubeSpaceProps","direction","Space","props","ref","$","_c","T0","mods","otherProps","t0","eventProps","t1","t2","t3","_c"],"sources":["../../../src/components/layout/Space.tsx"],"sourcesContent":["import {\n  AllBaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { extractStyles } from '../../utils/styles';\n\nconst SpaceElement = tasty({\n  styles: {\n    display: 'flex',\n    gap: true,\n    flow: {\n      '': 'row',\n      vertical: 'column',\n    },\n    placeItems: {\n      '': 'center stretch',\n      vertical: 'stretch',\n    },\n  },\n});\n\nexport interface CubeSpaceProps extends AllBaseProps, ContainerStyleProps {\n  direction?: 'vertical' | 'horizontal';\n}\n\nexport const Space = forwardRef(function Space(props: CubeSpaceProps, ref) {\n  const { mods, direction, ...otherProps } = props;\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  return (\n    <SpaceElement\n      {...filterBaseProps(otherProps, { eventProps: true })}\n      ref={ref}\n      mods={{\n        vertical:\n          direction === 'vertical' ||\n          otherProps.flow === 'column' ||\n          styles.flow === 'column',\n        ...mods,\n      }}\n      styles={styles}\n    />\n  );\n});\n"],"mappings":";;;;;;;AAWA,MAAMO,eAAeH,MAAM,EACzBI,QAAQ;CACNC,SAAS;CACTC,KAAK;CACLC,MAAM;EACJ,IAAI;EACJC,UAAU;CACZ;CACAC,YAAY;EACV,IAAI;EACJD,UAAU;CACZ;AACF,EACF,CAAC;AAMD,MAAaI,QAAQX,WAAW,SAAAW,MAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAN;CAAA,IAAAO;CAAA,IAAAC;CAAA,IAAAf;CAAA,IAAAgB;CAAA,IAAAL,EAAA,OAAAF,OAAA;EAC9B,CAAA,CAAAK,MAAAP,WAAA,GAAAQ,cAA2CN;EAC3CT,SAAeF,cAAciB,YAAYtB,gBAAgB;EAGtDoB,KAAAd;EACKiB,KAAArB,gBAAgBoB,YAAY,EAAAE,YAAc,KAAK,CAAC;EAACN,EAAA,KAAAF;EAAAE,EAAA,KAAAE;EAAAF,EAAA,KAAAJ;EAAAI,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAX;EAAAW,EAAA,KAAAK;CAAA,OAAA;EAAAH,KAAAF,EAAA;EAAAJ,YAAAI,EAAA;EAAAG,OAAAH,EAAA;EAAAI,aAAAJ,EAAA;EAAAX,SAAAW,EAAA;EAAAK,KAAAL,EAAA;CAAA;CAIjD,MAAAO,KAAAX,cAAc,cACdQ,WAAUZ,SAAU,YACpBH,OAAMG,SAAU;CAAQ,IAAAgB;CAAA,IAAAR,EAAA,OAAAG,QAAAH,EAAA,OAAAO,IAAA;EAJtBC,KAAA;GAAAf,UAEFc;GAEwB,GACvBJ;EACL;EAACH,EAAA,KAAAG;EAAAH,EAAA,KAAAO;EAAAP,EAAA,KAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,IAAAS;CAAA,IAAAT,EAAA,QAAAE,MAAAF,EAAA,QAAAD,OAAAC,EAAA,QAAAX,UAAAW,EAAA,QAAAK,MAAAL,EAAA,QAAAQ,IAAA;EATHC,KAAA,oBAAC,IAAD;GAAa,GACPJ;GACCN;GACC,MAAAS;GAOEnB;EAAM,CAAA;EACdW,EAAA,MAAAE;EAAAF,EAAA,MAAAD;EAAAC,EAAA,MAAAX;EAAAW,EAAA,MAAAK;EAAAL,EAAA,MAAAQ;EAAAR,EAAA,MAAAS;CAAA,OAAAA,KAAAT,EAAA;CAAA,OAXFS;AAWE,CAEL"}

package/dist/components/layout/Suffix.d.ts

@@ -1,14 +1,11 @@
 
 import { BaseProps, ContainerStyleProps } from "@tenphi/tasty";
-import * as react from "react";
 import { CSSProperties } from "react";
-
 //#region src/components/layout/Suffix.d.ts
-interface CubeSuffixProps extends BaseProps, ContainerStyleProps {
+export interface CubeSuffixProps extends BaseProps, ContainerStyleProps {
   onWidthChange?: Function;
   outerGap?: CSSProperties['gap'];
 }
-declare const Suffix: react.ForwardRefExoticComponent<CubeSuffixProps & react.RefAttributes<HTMLDivElement>>;
+export declare const Suffix: import("react").ForwardRefExoticComponent<CubeSuffixProps & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
-export { CubeSuffixProps, Suffix };
 //# sourceMappingURL=Suffix.d.ts.map

package/dist/components/layout/Suffix.js

@@ -1,11 +1,10 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.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 { forwardRef, useEffect } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/layout/Suffix.tsx
 const SuffixElement = tasty({
 	element: "Suffix",
@@ -84,7 +83,7 @@ const Suffix = forwardRef(function Suffix(allProps, outerRef) {
 	} else t6 = $[17];
 	return t6;
 });
-
 //#endregion
 export { Suffix };
+
 //# sourceMappingURL=Suffix.js.map

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"],"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;EACV;CACD,CAAC;AAOF,MAAaK,SAAStB,WACpB,SAAAsB,OAAAE,UAAAC,UAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACE,MAAA,EAAAR,eAAAE,UAAAO,IAAAC,UAAA,GAAAC,UAA8DN;CAAzC,MAAAH,WAAAO,OAAAG,SAAA,QAAAH;CACrB,MAAAtB,SAAeH,cAAc2B,OAAOpC,iBAAiB;CACrD,MAAAsC,MAAY9B,gBAAgBuB,SAAS;CAAC,IAAAQ;AAAA,KAAAP,EAAA,OAAAP,iBAAAO,EAAA,OAAAM,KAAA;AAE5BC,aAAA;AACR,OAAID,OAAOA,IAAGE,WAAVf,cACFA,eAAca,IAAGE,QAAQC,YAAa;;AAEzCT,IAAA,KAAAP;AAAAO,IAAA,KAAAM;AAAAN,IAAA,KAAAO;OAAAA,MAAAP,EAAA;CAAA,IAAAU;AAAA,KAAAV,EAAA,OAAAG,YAAAH,EAAA,OAAAP,iBAAAO,EAAA,OAAAM,KAAA;AAAEI,OAAA;GAACP;GAAUG;GAAKb;GAAc;AAAAO,IAAA,KAAAG;AAAAH,IAAA,KAAAP;AAAAO,IAAA,KAAAM;AAAAN,IAAA,KAAAU;OAAAA,MAAAV,EAAA;AAJjCzB,WAAUgC,IAIPG,GAA+B;CAG/B,MAAAC,KAAAjC;CACK,MAAAkC,KAAA1C,gBAAgBkC,OAAO,EAAAS,YAAc,MAAM,CAAC;CAAA,IAAAC;AAAA,KAAAd,EAAA,OAAAL,UAAA;AAI9BmB,OAAA3C,WAAWwB,SAAS;AAAAK,IAAA,KAAAL;AAAAK,IAAA,KAAAc;OAAAA,MAAAd,EAAA;CAAA,IAAAe;AAAA,KAAAf,EAAA,OAAAc,GAAAE,QAAA;AAD/BD,OAAA,EAAA,gBACWD,GAAoBE,QACrC;AAAAhB,IAAA,KAAAc,GAAAE;AAAAhB,IAAA,MAAAe;OAAAA,MAAAf,EAAA;CAAA,IAAAiB;AAAA,KAAAjB,EAAA,QAAAW,MAAAX,EAAA,QAAAG,YAAAH,EAAA,QAAAM,OAAAN,EAAA,QAAApB,UAAAoB,EAAA,QAAAY,MAAAZ,EAAA,QAAAe,IAAA;AANHE,OAAA,oBAAC;GAAa,GACRL;GACCN;GACG1B;GACD,OAAAmC;GAINZ;IACa;AAAAH,IAAA,MAAAW;AAAAX,IAAA,MAAAG;AAAAH,IAAA,MAAAM;AAAAN,IAAA,MAAApB;AAAAoB,IAAA,MAAAY;AAAAZ,IAAA,MAAAe;AAAAf,IAAA,MAAAiB;OAAAA,MAAAjB,EAAA;AAAA,QAThBiB;EAYL"}
+{"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"}

package/dist/components/navigation/Pagination/Pagination.d.ts

@@ -1,9 +1,7 @@
 
 import { CubePaginationProps } from "./types.js";
-import * as react from "react";
-
 //#region src/components/navigation/Pagination/Pagination.d.ts
-declare const _Pagination: react.ForwardRefExoticComponent<CubePaginationProps & react.RefAttributes<HTMLElement>>;
+declare const _Pagination: import("react").ForwardRefExoticComponent<CubePaginationProps & import("react").RefAttributes<HTMLElement>>;
 //#endregion
-export { _Pagination };
+export { _Pagination as Pagination };
 //# sourceMappingURL=Pagination.d.ts.map

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

@@ -1,11 +1,11 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { useFormatter } from "../../../i18n/useFormatter.js";
 import { RightIcon } from "../../../icons/RightIcon.js";
 import { Button } from "../../actions/index.js";
-import { __Select } from "../../fields/Select/Select.js";
+import { Select as __Select } from "../../fields/Select/Select.js";
 import { BackwardIcon } from "../../../icons/BackwardIcon.js";
 import { ForwardIcon } from "../../../icons/ForwardIcon.js";
 import { LeftIcon } from "../../../icons/LeftIcon.js";
@@ -15,7 +15,6 @@ import { OUTER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useControlledState } from "@react-stately/utils";
-
 //#region src/components/navigation/Pagination/Pagination.tsx
 const PaginationElement = tasty({
 	qa: "Pagination",
@@ -49,6 +48,11 @@ const PaginationElement = tasty({
 			color: "#dark-04",
 			userSelect: "none"
 		},
+		/**
+		* The page numbers sit tighter than the nav buttons around them: they read
+		* as one run of pages, not as separate controls, and a hairline is enough
+		* to keep the current page's outline off its neighbours.
+		*/
 		Pages: {
 			display: "flex",
 			flow: "row",
@@ -364,7 +368,7 @@ function _temp(_, i) {
 }
 const _Pagination = forwardRef(Pagination);
 _Pagination.displayName = "Pagination";
-
 //#endregion
-export { _Pagination };
+export { _Pagination as Pagination };
+
 //# sourceMappingURL=Pagination.js.map