@gfazioli/mantine-split-pane 0.1.1 → 0.2.0

package/dist/esm/Split.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Split.mjs","sources":["../../src/Split.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  Factory,\n  StylesApiProps,\n  createVarsResolver,\n  factory,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport React from 'react';\nimport { SplitPane } from './Pane/SplitPane';\nimport { SplitPaneResizerSharedProps, SplitPaneResizerVariant } from './Resizer/SplitPaneResizer';\nimport { SplitContextProvider } from './Split.context';\nimport classes from './Split.module.css';\n\nexport type SplitStylesNames = 'root';\n\nexport type SplitVariant = SplitPaneResizerVariant;\n\nexport type SplitCssVariables = {\n  root: '--split-inline';\n};\n\nexport interface SplitBaseProps extends SplitPaneResizerSharedProps {\n  /** Make main split container inline */\n  inline?: boolean;\n\n  /** Split children */\n  children?: React.ReactNode;\n}\n\nexport interface SplitProps extends BoxProps, SplitBaseProps, StylesApiProps<SplitFactory> {}\n\nexport type SplitFactory = Factory<{\n  props: SplitProps;\n  defaultComponent: 'div';\n  ref: HTMLDivElement;\n  stylesNames: SplitStylesNames;\n  vars: SplitCssVariables;\n  variant: SplitVariant;\n  staticComponents: {\n    Pane: typeof SplitPane;\n  };\n}>;\n\nconst defaultProps: Partial<SplitProps> = {\n  inline: false,\n  orientation: 'vertical',\n  size: 'sm',\n  variant: 'default',\n};\n\nconst varsResolver = createVarsResolver<SplitFactory>((_, { inline }) => ({\n  root: {\n    '--split-inline': inline ? 'inline-flex' : 'flex',\n  },\n}));\n\nexport const Split = factory<SplitFactory>((_props, ref) => {\n  const props = useProps('Split', defaultProps, _props);\n  const {\n    orientation,\n    inline,\n\n    size,\n    radius,\n    color,\n    hoverColor,\n    opacity,\n\n    withKnob,\n    knobAlwaysOn,\n    knobSize,\n    knobOpacity,\n    knobRadius,\n    knobColor,\n    knobHoverColor,\n    variant,\n    spacing,\n\n    classNames,\n    style,\n    styles,\n    unstyled,\n    vars,\n    mod,\n    children,\n    className,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<SplitFactory>({\n    name: 'Split',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  const childrenArray = React.Children.toArray(children);\n\n  const content = childrenArray.map((child, index) => {\n    const withResizer = index < childrenArray.length - 1;\n\n    return React.cloneElement(child as JSX.Element, {\n      key: `pane-${index}`,\n      withResizer,\n    });\n  });\n\n  return (\n    <SplitContextProvider\n      value={{\n        orientation,\n        size,\n        opacity,\n        radius,\n        color,\n        hoverColor,\n        knobSize,\n        knobOpacity,\n        knobRadius,\n        knobColor,\n        knobHoverColor,\n        variant,\n        withKnob,\n        knobAlwaysOn,\n        spacing,\n      }}\n    >\n      <Box ref={ref} mod={{ orientation }} {...getStyles('root')} {...others}>\n        {content}\n      </Box>\n    </SplitContextProvider>\n  );\n});\n\nSplit.classes = classes;\nSplit.displayName = 'Split';\nSplit.Pane = SplitPane;\n"],"names":[],"mappings":";;;;;;;AAWA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,YAAY,CAAG,CAAA,CAAA,CAAA;AACrB,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,EAAE,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA;AACf,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,EAAE,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACzB,CAAE,CAAA,CAAA,CAAA,CAAA,CAAI,EAAE,CAAI,CAAA,CAAA,CAAA,CAAA;AACZ,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,EAAE,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACpB,CAAC,CAAC;AACF,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAkB,CAAC,CAAC,CAAC,CAAE,CAAA,CAAA,CAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAC5D,CAAA,CAAE,IAAI,CAAE,CAAA,CAAA;AACR,CAAA,CAAA,CAAA,CAAI,gBAAgB,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,GAAG,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA;AACrD,CAAG,CAAA,CAAA;AACH,CAAC,CAAC,CAAC,CAAC;AACQ,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,GAAG,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAC,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,GAAG,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA;AAC9C,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAC;AACxD,CAAA,CAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACR,CAAA,CAAA,CAAA,CAAI,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACf,CAAA,CAAA,CAAA,CAAI,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACV,CAAA,CAAA,CAAA,CAAI,CAAI,CAAA,CAAA,CAAA,CAAA;AACR,CAAA,CAAA,CAAA,CAAI,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACV,CAAA,CAAA,CAAA,CAAI,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA;AACT,CAAA,CAAA,CAAA,CAAI,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACd,CAAA,CAAA,CAAA,CAAI,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACX,CAAA,CAAA,CAAA,CAAI,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACZ,CAAA,CAAA,CAAA,CAAI,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAChB,CAAA,CAAA,CAAA,CAAI,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACZ,CAAA,CAAA,CAAA,CAAI,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACf,CAAA,CAAA,CAAA,CAAI,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACd,CAAA,CAAA,CAAA,CAAI,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACb,CAAA,CAAA,CAAA,CAAI,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAClB,CAAA,CAAA,CAAA,CAAI,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACX,CAAA,CAAA,CAAA,CAAI,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACX,CAAA,CAAA,CAAA,CAAI,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACd,CAAA,CAAA,CAAA,CAAI,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA;AACT,CAAA,CAAA,CAAA,CAAI,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACV,CAAA,CAAA,CAAA,CAAI,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACZ,CAAA,CAAA,CAAA,CAAI,CAAI,CAAA,CAAA,CAAA,CAAA;AACR,CAAA,CAAA,CAAA,CAAI,CAAG,CAAA,CAAA,CAAA;AACP,CAAA,CAAA,CAAA,CAAI,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACZ,CAAA,CAAA,CAAA,CAAI,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACb,CAAA,CAAA,CAAA,CAAI,GAAG,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA;AACb,CAAG,CAAA,CAAA,CAAA,CAAA,CAAG,KAAK,CAAC;AACZ,CAAA,CAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAC,CAAA;AAC9B,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,EAAE,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACjB,CAAA,CAAA,CAAA,CAAI,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA;AACT,CAAA,CAAA,CAAA,CAAI,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACX,CAAA,CAAA,CAAA,CAAI,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACb,CAAA,CAAA,CAAA,CAAI,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA;AACT,CAAA,CAAA,CAAA,CAAI,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACd,CAAA,CAAA,CAAA,CAAI,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACV,CAAA,CAAA,CAAA,CAAI,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACZ,CAAA,CAAA,CAAA,CAAI,CAAI,CAAA,CAAA,CAAA,CAAA;AACR,CAAA,CAAA,CAAA,CAAI,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAChB,CAAA,CAAA,CAAG,CAAC,CAAC;AACL,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAK,CAAA,CAAA,CAAA,CAAA,CAAC,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAC;AACzD,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAG,CAAA,CAAA,CAAC,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA;AACtD,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,aAAa,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAG,CAAA,CAAA,CAAC,CAAC;AACzD,CAAA,CAAA,CAAA,CAAI,OAAO,CAAK,CAAA,CAAA,CAAA,CAAA,CAAC,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,KAAK,CAAE,CAAA,CAAA;AACrC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,GAAG,CAAE,CAAA,CAAC,KAAK,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAC,CAAA;AAC1B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACjB,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAC;AACP,CAAA,CAAA,CAAG,CAAC,CAAC;AACL,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAuB,CAAK,CAAA,CAAA,CAAA,CAAA,CAAC,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAC5C,CAAA,CAAA,CAAA,CAAI,CAAoB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACxB,CAAI,CAAA,CAAA,CAAA,CAAA;AACJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,KAAK,CAAE,CAAA,CAAA;AACb,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACnB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAI,CAAA,CAAA,CAAA,CAAA;AACZ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACf,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACd,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA;AACb,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAClB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAChB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACnB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAClB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACjB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACtB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACf,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAChB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACpB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACf,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACP,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA;AACL,CAAoB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,CAAC,CAAA,CAAA,CAAG,CAAE,CAAA,CAAA,CAAE,CAAG,CAAA,CAAA,CAAA,CAAE,CAAG,CAAA,CAAA,CAAA,CAAE,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,EAAE,CAAE,CAAA,CAAA,CAAA,CAAG,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAE,CAAA,CAAA,CAAA,CAAG,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAC;AACrH,CAAA,CAAA,CAAG,CAAC;AACJ,CAAC,CAAE,CAAA;AACH,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAC;AACxB,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAC;AAC5B,CAAK,CAAA,CAAA,CAAA,CAAA,CAAC,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;"}
+{"version":3,"file":"Split.mjs","sources":["../../src/Split.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  Factory,\n  StylesApiProps,\n  createVarsResolver,\n  factory,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport React from 'react';\nimport { SplitPane } from './Pane/SplitPane';\nimport { SplitPaneResizerSharedProps, SplitPaneResizerVariant } from './Resizer/SplitPaneResizer';\nimport { SplitContextProvider } from './Split.context';\nimport classes from './Split.module.css';\n\nexport type SplitStylesNames = 'root';\n\nexport type SplitVariant = SplitPaneResizerVariant;\n\nexport type SplitCssVariables = {\n  root: '--split-inline';\n};\n\nexport interface SplitBaseProps extends SplitPaneResizerSharedProps {\n  /** Make main split container inline */\n  inline?: boolean;\n\n  /** Split children */\n  children?: React.ReactNode;\n}\n\nexport interface SplitProps extends BoxProps, SplitBaseProps, StylesApiProps<SplitFactory> {}\n\nexport type SplitFactory = Factory<{\n  props: SplitProps;\n  defaultComponent: 'div';\n  ref: HTMLDivElement;\n  stylesNames: SplitStylesNames;\n  vars: SplitCssVariables;\n  variant: SplitVariant;\n  staticComponents: {\n    Pane: typeof SplitPane;\n  };\n}>;\n\nconst defaultProps: Partial<SplitProps> = {\n  inline: false,\n  orientation: 'vertical',\n  size: 'sm',\n  variant: 'default',\n};\n\nconst varsResolver = createVarsResolver<SplitFactory>((_, { inline }) => ({\n  root: {\n    '--split-inline': inline ? 'inline-flex' : 'flex',\n  },\n}));\n\nexport const Split = factory<SplitFactory>((_props, ref) => {\n  const props = useProps('Split', defaultProps, _props);\n  const {\n    orientation,\n    inline,\n\n    size,\n    radius,\n    color,\n    hoverColor,\n    opacity,\n\n    withKnob,\n    knobAlwaysOn,\n    knobSize,\n    knobOpacity,\n    knobRadius,\n    knobColor,\n    knobHoverColor,\n    variant,\n    spacing,\n    step,\n    shiftStep,\n\n    classNames,\n    style,\n    styles,\n    unstyled,\n    vars,\n    mod,\n    children,\n    className,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<SplitFactory>({\n    name: 'Split',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  const childrenArray = React.Children.toArray(children);\n\n  const content = childrenArray.map((child, index) => {\n    const withResizer = index < childrenArray.length - 1;\n\n    return React.cloneElement(child as JSX.Element, {\n      key: `pane-${index}`,\n      withResizer,\n    });\n  });\n\n  return (\n    <SplitContextProvider\n      value={{\n        orientation,\n        size,\n        opacity,\n        radius,\n        color,\n        hoverColor,\n        knobSize,\n        knobOpacity,\n        knobRadius,\n        knobColor,\n        knobHoverColor,\n        variant,\n        withKnob,\n        knobAlwaysOn,\n        spacing,\n        step,\n        shiftStep,\n      }}\n    >\n      <Box ref={ref} mod={{ orientation }} {...getStyles('root')} {...others}>\n        {content}\n      </Box>\n    </SplitContextProvider>\n  );\n});\n\nSplit.classes = classes;\nSplit.displayName = 'Split';\nSplit.Pane = SplitPane;\n"],"names":[],"mappings":"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"}

package/dist/styles.css

@@ -1 +1 @@
-.me-755975b3{--split-resizer-size-xs:calc(0.125rem*var(--mantine-scale));--split-resizer-size-sm:calc(0.25rem*var(--mantine-scale));--split-resizer-size-md:calc(0.5rem*var(--mantine-scale));--split-resizer-size-lg:calc(0.75rem*var(--mantine-scale));--split-resizer-size-xl:calc(1rem*var(--mantine-scale));--split-resizer-size:var(--split-resizer-size-xs);--split-resizer-knob-size-xs:20%;--split-resizer-knob-size-sm:30%;--split-resizer-knob-size-md:50%;--split-resizer-knob-size-lg:60%;--split-resizer-knob-size-xl:calc(100% - var(--split-resizer-size)/2);--split-resizer-knob-size:var(--split-resizer-knob-size-xs);--split-resizer-spacing-xs:calc(0.125rem*var(--mantine-scale));--split-resizer-spacing-sm:calc(0.25rem*var(--mantine-scale));--split-resizer-spacing-md:calc(0.5rem*var(--mantine-scale));--split-resizer-spacing-lg:calc(1rem*var(--mantine-scale));--split-resizer-spacing-xl:calc(1.5rem*var(--mantine-scale));--split-resizer-spacing:var(--split-resizer-spacing-xs)}:where([data-mantine-color-scheme=light]) .me-755975b3{--split-resizer-color:var(--split-resizer-color-light)}:where([data-mantine-color-scheme=dark]) .me-755975b3{--split-resizer-color:var(--split-resizer-color-dark)}:where([data-mantine-color-scheme=light]) .me-755975b3{--split-resizer-hover-color:var(--split-resizer-hover-color-light)}:where([data-mantine-color-scheme=dark]) .me-755975b3{--split-resizer-hover-color:var(--split-resizer-hover-color-dark)}.me-755975b3{background-clip:padding-box;background-color:var(--split-resizer-color);border-radius:var(--split-resizer-radius,var(--mantine-radius-xl));box-sizing:border-box;position:relative;transition:all .5s ease;z-index:2}.me-755975b3:after{background-color:var(--split-resizer-knob-color);border-radius:var(--split-resizer-knob-radius,var(--mantine-radius-default));content:"";opacity:var(--split-resizer-knob-opacity,.4);position:absolute;transition:all .5s ease;z-index:1}.me-755975b3:hover{background:var(--split-resizer-hover-color)}.me-755975b3:hover:after{background-color:var(--split-resizer-knob-hover-color);opacity:var(--split-resizer-knob-hover-opacity)}.me-755975b3[data-orientation=vertical]{bottom:0;cursor:col-resize;margin-left:var(--split-resizer-spacing);margin-right:var(--split-resizer-spacing);right:0;top:0;width:var(--split-resizer-size)}.me-755975b3[data-orientation=vertical]:after{height:var(--split-resizer-knob-size);left:calc(50% - var(--split-resizer-size)/4);top:calc(50% - var(--split-resizer-knob-size)/2);width:calc(var(--split-resizer-size)/2)}.me-755975b3[data-orientation=horizontal]{bottom:0;cursor:row-resize;height:var(--split-resizer-size);margin-bottom:var(--split-resizer-spacing);margin-top:var(--split-resizer-spacing);right:0;width:100%}.me-755975b3[data-orientation=horizontal]:after{height:calc(var(--split-resizer-size)/2);left:calc(50% - var(--split-resizer-knob-size)/2);top:calc(50% - var(--split-resizer-size)/4);width:var(--split-resizer-knob-size)}.me-e6f75d75{border:1px solid var(--split-resizer-hover-color)}.me-a71fe105,.me-e6f75d75{background-color:transparent}.me-a71fe105{border-color:transparent}.me-a941181e,.me-a941181e:after,.me-aa070297,.me-aa070297:after{background-color:transparent;border:none;border-radius:0}.me-a941181e:after,.me-aa070297:after{content:"";display:flex}.me-a941181e[data-orientation=vertical]:after,.me-aa070297[data-orientation=vertical]:after{border:none;border-right:4px dotted var(--split-resizer-color);left:calc(var(--split-resizer-size) - var(--split-resizer-size)/2 - 2px);width:2px}.me-a941181e[data-orientation=horizontal]:after,.me-aa070297[data-orientation=horizontal]:after{border:none;border-bottom:4px dotted var(--split-resizer-color);height:2px;top:calc(var(--split-resizer-size) - var(--split-resizer-size)/2 - 2px)}.me-a941181e:hover,.me-aa070297:hover{background-color:transparent}.me-a941181e:hover:after,.me-aa070297:hover:after{background-color:transparent;border-color:var(--split-resizer-hover-color);display:block}.me-a941181e[data-orientation=vertical]:after{border-right-style:dashed}.me-a941181e[data-orientation=horizontal]:after{border-bottom-style:dashed}.me-4ac87cd.me-b5b15ecd{cursor:not-allowed}.me-4ac87cd.me-b5b15ecd:hover{border-color:transparent}.me-31ecce4d{display:flex;flex:var(--split-pane-grow,initial);overflow:hidden;position:relative;z-index:1}.me-31ecce4d[data-orientation=vertical]{flex-direction:row}.me-31ecce4d[data-orientation=horizontal]{flex-direction:column}.me-dfcf43d5{display:var(--split-inline,"flex")}.me-dfcf43d5[data-orientation=horizontal]{flex-direction:column}
+.me-755975b3{--split-resizer-size-xs:calc(0.125rem*var(--mantine-scale));--split-resizer-size-sm:calc(0.25rem*var(--mantine-scale));--split-resizer-size-md:calc(0.5rem*var(--mantine-scale));--split-resizer-size-lg:calc(0.75rem*var(--mantine-scale));--split-resizer-size-xl:calc(1rem*var(--mantine-scale));--split-resizer-size:var(--split-resizer-size-xs);--split-resizer-knob-size-xs:20%;--split-resizer-knob-size-sm:30%;--split-resizer-knob-size-md:50%;--split-resizer-knob-size-lg:60%;--split-resizer-knob-size-xl:calc(100% - var(--split-resizer-size)/2);--split-resizer-knob-size:var(--split-resizer-knob-size-xs);--split-resizer-spacing-xs:calc(0.125rem*var(--mantine-scale));--split-resizer-spacing-sm:calc(0.25rem*var(--mantine-scale));--split-resizer-spacing-md:calc(0.5rem*var(--mantine-scale));--split-resizer-spacing-lg:calc(1rem*var(--mantine-scale));--split-resizer-spacing-xl:calc(1.5rem*var(--mantine-scale));--split-resizer-spacing:var(--split-resizer-spacing-xs)}:where([data-mantine-color-scheme=light]) .me-755975b3{--split-resizer-color:var(--split-resizer-color-light)}:where([data-mantine-color-scheme=dark]) .me-755975b3{--split-resizer-color:var(--split-resizer-color-dark)}:where([data-mantine-color-scheme=light]) .me-755975b3{--split-resizer-hover-color:var(--split-resizer-hover-color-light)}:where([data-mantine-color-scheme=dark]) .me-755975b3{--split-resizer-hover-color:var(--split-resizer-hover-color-dark)}.me-755975b3{background-clip:padding-box;background-color:var(--split-resizer-color);border-radius:var(--split-resizer-radius,var(--mantine-radius-xl));box-sizing:border-box;position:relative;transition:all .5s ease;z-index:2}.me-755975b3:after{background-color:var(--split-resizer-knob-color);border-radius:var(--split-resizer-knob-radius,var(--mantine-radius-default));content:"";opacity:var(--split-resizer-knob-opacity,.4);position:absolute;transition:all .5s ease;z-index:1}.me-755975b3:hover{background:var(--split-resizer-hover-color)}.me-755975b3:hover:after{background-color:var(--split-resizer-knob-hover-color);opacity:var(--split-resizer-knob-hover-opacity)}.me-755975b3[data-orientation=vertical]{bottom:0;cursor:col-resize;margin-left:var(--split-resizer-spacing);margin-right:var(--split-resizer-spacing);right:0;top:0;width:var(--split-resizer-size)}.me-755975b3[data-orientation=vertical]:after{height:var(--split-resizer-knob-size);left:calc(50% - var(--split-resizer-size)/4);top:calc(50% - var(--split-resizer-knob-size)/2);width:calc(var(--split-resizer-size)/2)}.me-755975b3[data-orientation=horizontal]{bottom:0;cursor:row-resize;height:var(--split-resizer-size);margin-bottom:var(--split-resizer-spacing);margin-top:var(--split-resizer-spacing);right:0;width:100%}.me-755975b3[data-orientation=horizontal]:after{height:calc(var(--split-resizer-size)/2);left:calc(50% - var(--split-resizer-knob-size)/2);top:calc(50% - var(--split-resizer-size)/4);width:var(--split-resizer-knob-size)}.me-ef80b24f{border:1px solid var(--split-resizer-hover-color)}.me-eedf38df,.me-ef80b24f{background-color:transparent}.me-eedf38df{border-color:transparent}.me-3e2cc004,.me-3e2cc004:after,.me-3ef2aa7d,.me-3ef2aa7d:after{background-color:transparent;border:none;border-radius:0}.me-3e2cc004:after,.me-3ef2aa7d:after{content:"";display:flex;opacity:1}.me-3e2cc004[data-orientation=vertical]:after,.me-3ef2aa7d[data-orientation=vertical]:after{border:none;border-right:4px dotted var(--split-resizer-color);left:calc(var(--split-resizer-size) - var(--split-resizer-size)/2 - 2px);width:2px}.me-3e2cc004[data-orientation=horizontal]:after,.me-3ef2aa7d[data-orientation=horizontal]:after{border:none;border-bottom:4px dotted var(--split-resizer-color);height:2px;top:calc(var(--split-resizer-size) - var(--split-resizer-size)/2 - 2px)}.me-3e2cc004:hover,.me-3ef2aa7d:hover{background-color:transparent}.me-3e2cc004:hover:after,.me-3ef2aa7d:hover:after{background-color:transparent;border-color:var(--split-resizer-hover-color);display:block}.me-3e2cc004[data-orientation=vertical]:after{border-right-style:dashed}.me-3e2cc004[data-orientation=horizontal]:after{border-bottom-style:dashed}.me-755975b3.me-b5b15ecd{cursor:not-allowed}.me-755975b3.me-b5b15ecd:hover{border-color:transparent}.me-31ecce4d{display:flex;flex:var(--split-pane-grow,initial);overflow:hidden;position:relative;z-index:1}.me-31ecce4d[data-orientation=vertical]{flex-direction:row}.me-31ecce4d[data-orientation=horizontal]{flex-direction:column}.me-dfcf43d5{display:var(--split-inline,"flex")}.me-dfcf43d5[data-orientation=horizontal]{flex-direction:column}

package/dist/styles.layer.css

@@ -1 +1 @@
-@layer mantine {.me-755975b3{--split-resizer-size-xs:calc(0.125rem*var(--mantine-scale));--split-resizer-size-sm:calc(0.25rem*var(--mantine-scale));--split-resizer-size-md:calc(0.5rem*var(--mantine-scale));--split-resizer-size-lg:calc(0.75rem*var(--mantine-scale));--split-resizer-size-xl:calc(1rem*var(--mantine-scale));--split-resizer-size:var(--split-resizer-size-xs);--split-resizer-knob-size-xs:20%;--split-resizer-knob-size-sm:30%;--split-resizer-knob-size-md:50%;--split-resizer-knob-size-lg:60%;--split-resizer-knob-size-xl:calc(100% - var(--split-resizer-size)/2);--split-resizer-knob-size:var(--split-resizer-knob-size-xs);--split-resizer-spacing-xs:calc(0.125rem*var(--mantine-scale));--split-resizer-spacing-sm:calc(0.25rem*var(--mantine-scale));--split-resizer-spacing-md:calc(0.5rem*var(--mantine-scale));--split-resizer-spacing-lg:calc(1rem*var(--mantine-scale));--split-resizer-spacing-xl:calc(1.5rem*var(--mantine-scale));--split-resizer-spacing:var(--split-resizer-spacing-xs)}:where([data-mantine-color-scheme=light]) .me-755975b3{--split-resizer-color:var(--split-resizer-color-light)}:where([data-mantine-color-scheme=dark]) .me-755975b3{--split-resizer-color:var(--split-resizer-color-dark)}:where([data-mantine-color-scheme=light]) .me-755975b3{--split-resizer-hover-color:var(--split-resizer-hover-color-light)}:where([data-mantine-color-scheme=dark]) .me-755975b3{--split-resizer-hover-color:var(--split-resizer-hover-color-dark)}.me-755975b3{background-clip:padding-box;background-color:var(--split-resizer-color);border-radius:var(--split-resizer-radius,var(--mantine-radius-xl));box-sizing:border-box;position:relative;transition:all .5s ease;z-index:2}.me-755975b3:after{background-color:var(--split-resizer-knob-color);border-radius:var(--split-resizer-knob-radius,var(--mantine-radius-default));content:"";opacity:var(--split-resizer-knob-opacity,.4);position:absolute;transition:all .5s ease;z-index:1}.me-755975b3:hover{background:var(--split-resizer-hover-color)}.me-755975b3:hover:after{background-color:var(--split-resizer-knob-hover-color);opacity:var(--split-resizer-knob-hover-opacity)}.me-755975b3[data-orientation=vertical]{bottom:0;cursor:col-resize;margin-left:var(--split-resizer-spacing);margin-right:var(--split-resizer-spacing);right:0;top:0;width:var(--split-resizer-size)}.me-755975b3[data-orientation=vertical]:after{height:var(--split-resizer-knob-size);left:calc(50% - var(--split-resizer-size)/4);top:calc(50% - var(--split-resizer-knob-size)/2);width:calc(var(--split-resizer-size)/2)}.me-755975b3[data-orientation=horizontal]{bottom:0;cursor:row-resize;height:var(--split-resizer-size);margin-bottom:var(--split-resizer-spacing);margin-top:var(--split-resizer-spacing);right:0;width:100%}.me-755975b3[data-orientation=horizontal]:after{height:calc(var(--split-resizer-size)/2);left:calc(50% - var(--split-resizer-knob-size)/2);top:calc(50% - var(--split-resizer-size)/4);width:var(--split-resizer-knob-size)}.me-e6f75d75{border:1px solid var(--split-resizer-hover-color)}.me-a71fe105,.me-e6f75d75{background-color:transparent}.me-a71fe105{border-color:transparent}.me-a941181e,.me-a941181e:after,.me-aa070297,.me-aa070297:after{background-color:transparent;border:none;border-radius:0}.me-a941181e:after,.me-aa070297:after{content:"";display:flex}.me-a941181e[data-orientation=vertical]:after,.me-aa070297[data-orientation=vertical]:after{border:none;border-right:4px dotted var(--split-resizer-color);left:calc(var(--split-resizer-size) - var(--split-resizer-size)/2 - 2px);width:2px}.me-a941181e[data-orientation=horizontal]:after,.me-aa070297[data-orientation=horizontal]:after{border:none;border-bottom:4px dotted var(--split-resizer-color);height:2px;top:calc(var(--split-resizer-size) - var(--split-resizer-size)/2 - 2px)}.me-a941181e:hover,.me-aa070297:hover{background-color:transparent}.me-a941181e:hover:after,.me-aa070297:hover:after{background-color:transparent;border-color:var(--split-resizer-hover-color);display:block}.me-a941181e[data-orientation=vertical]:after{border-right-style:dashed}.me-a941181e[data-orientation=horizontal]:after{border-bottom-style:dashed}.me-4ac87cd.me-b5b15ecd{cursor:not-allowed}.me-4ac87cd.me-b5b15ecd:hover{border-color:transparent}.me-31ecce4d{display:flex;flex:var(--split-pane-grow,initial);overflow:hidden;position:relative;z-index:1}.me-31ecce4d[data-orientation=vertical]{flex-direction:row}.me-31ecce4d[data-orientation=horizontal]{flex-direction:column}.me-dfcf43d5{display:var(--split-inline,"flex")}.me-dfcf43d5[data-orientation=horizontal]{flex-direction:column}}
+@layer mantine {.me-755975b3{--split-resizer-size-xs:calc(0.125rem*var(--mantine-scale));--split-resizer-size-sm:calc(0.25rem*var(--mantine-scale));--split-resizer-size-md:calc(0.5rem*var(--mantine-scale));--split-resizer-size-lg:calc(0.75rem*var(--mantine-scale));--split-resizer-size-xl:calc(1rem*var(--mantine-scale));--split-resizer-size:var(--split-resizer-size-xs);--split-resizer-knob-size-xs:20%;--split-resizer-knob-size-sm:30%;--split-resizer-knob-size-md:50%;--split-resizer-knob-size-lg:60%;--split-resizer-knob-size-xl:calc(100% - var(--split-resizer-size)/2);--split-resizer-knob-size:var(--split-resizer-knob-size-xs);--split-resizer-spacing-xs:calc(0.125rem*var(--mantine-scale));--split-resizer-spacing-sm:calc(0.25rem*var(--mantine-scale));--split-resizer-spacing-md:calc(0.5rem*var(--mantine-scale));--split-resizer-spacing-lg:calc(1rem*var(--mantine-scale));--split-resizer-spacing-xl:calc(1.5rem*var(--mantine-scale));--split-resizer-spacing:var(--split-resizer-spacing-xs)}:where([data-mantine-color-scheme=light]) .me-755975b3{--split-resizer-color:var(--split-resizer-color-light)}:where([data-mantine-color-scheme=dark]) .me-755975b3{--split-resizer-color:var(--split-resizer-color-dark)}:where([data-mantine-color-scheme=light]) .me-755975b3{--split-resizer-hover-color:var(--split-resizer-hover-color-light)}:where([data-mantine-color-scheme=dark]) .me-755975b3{--split-resizer-hover-color:var(--split-resizer-hover-color-dark)}.me-755975b3{background-clip:padding-box;background-color:var(--split-resizer-color);border-radius:var(--split-resizer-radius,var(--mantine-radius-xl));box-sizing:border-box;position:relative;transition:all .5s ease;z-index:2}.me-755975b3:after{background-color:var(--split-resizer-knob-color);border-radius:var(--split-resizer-knob-radius,var(--mantine-radius-default));content:"";opacity:var(--split-resizer-knob-opacity,.4);position:absolute;transition:all .5s ease;z-index:1}.me-755975b3:hover{background:var(--split-resizer-hover-color)}.me-755975b3:hover:after{background-color:var(--split-resizer-knob-hover-color);opacity:var(--split-resizer-knob-hover-opacity)}.me-755975b3[data-orientation=vertical]{bottom:0;cursor:col-resize;margin-left:var(--split-resizer-spacing);margin-right:var(--split-resizer-spacing);right:0;top:0;width:var(--split-resizer-size)}.me-755975b3[data-orientation=vertical]:after{height:var(--split-resizer-knob-size);left:calc(50% - var(--split-resizer-size)/4);top:calc(50% - var(--split-resizer-knob-size)/2);width:calc(var(--split-resizer-size)/2)}.me-755975b3[data-orientation=horizontal]{bottom:0;cursor:row-resize;height:var(--split-resizer-size);margin-bottom:var(--split-resizer-spacing);margin-top:var(--split-resizer-spacing);right:0;width:100%}.me-755975b3[data-orientation=horizontal]:after{height:calc(var(--split-resizer-size)/2);left:calc(50% - var(--split-resizer-knob-size)/2);top:calc(50% - var(--split-resizer-size)/4);width:var(--split-resizer-knob-size)}.me-ef80b24f{border:1px solid var(--split-resizer-hover-color)}.me-eedf38df,.me-ef80b24f{background-color:transparent}.me-eedf38df{border-color:transparent}.me-3e2cc004,.me-3e2cc004:after,.me-3ef2aa7d,.me-3ef2aa7d:after{background-color:transparent;border:none;border-radius:0}.me-3e2cc004:after,.me-3ef2aa7d:after{content:"";display:flex;opacity:1}.me-3e2cc004[data-orientation=vertical]:after,.me-3ef2aa7d[data-orientation=vertical]:after{border:none;border-right:4px dotted var(--split-resizer-color);left:calc(var(--split-resizer-size) - var(--split-resizer-size)/2 - 2px);width:2px}.me-3e2cc004[data-orientation=horizontal]:after,.me-3ef2aa7d[data-orientation=horizontal]:after{border:none;border-bottom:4px dotted var(--split-resizer-color);height:2px;top:calc(var(--split-resizer-size) - var(--split-resizer-size)/2 - 2px)}.me-3e2cc004:hover,.me-3ef2aa7d:hover{background-color:transparent}.me-3e2cc004:hover:after,.me-3ef2aa7d:hover:after{background-color:transparent;border-color:var(--split-resizer-hover-color);display:block}.me-3e2cc004[data-orientation=vertical]:after{border-right-style:dashed}.me-3e2cc004[data-orientation=horizontal]:after{border-bottom-style:dashed}.me-755975b3.me-b5b15ecd{cursor:not-allowed}.me-755975b3.me-b5b15ecd:hover{border-color:transparent}.me-31ecce4d{display:flex;flex:var(--split-pane-grow,initial);overflow:hidden;position:relative;z-index:1}.me-31ecce4d[data-orientation=vertical]{flex-direction:row}.me-31ecce4d[data-orientation=horizontal]{flex-direction:column}.me-dfcf43d5{display:var(--split-inline,"flex")}.me-dfcf43d5[data-orientation=horizontal]{flex-direction:column}}

package/dist/types/Resizer/SplitPaneResizer.d.ts

@@ -32,6 +32,10 @@ export interface SplitPaneResizerSharedProps {
     knobHoverColor?: MantineColor;
     /** Spacing between resizer and pane */
     spacing?: MantineSpacing;
+    /** Keyboard step, default is 8 */
+    step?: number;
+    /** Keyboard step when shift is pressed, default is 64 */
+    shiftStep?: number;
 }
 export type SPLIT_PANE_RESIZE_SIZE = {
     width: string;
@@ -47,7 +51,7 @@ export interface SplitPaneResizerBaseProps extends SplitPaneResizerSharedProps {
     /** The maximum height of the pane when orientation is horizontal */
     maxHeight?: number;
     /** Event called when resizer is double clicked */
-    onDoubleClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    onDoubleClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /** Event called when pane size starts changing */
     onResizeStart?: () => void;
     /** Event called when pane size changes */
@@ -61,14 +65,14 @@ export interface SplitPaneResizerProps extends BoxProps, SplitPaneResizerBasePro
 }
 export type SplitPaneResizerFactory = Factory<{
     props: SplitPaneResizerProps;
-    ref: HTMLDivElement;
+    ref: HTMLButtonElement;
     stylesNames: SplitPaneResizerStylesNames;
     vars: SplitPaneResizerCssVariables;
     variant: SplitPaneResizerVariant;
 }>;
 export declare const SplitPaneResizer: import("@mantine/core").MantineComponent<{
     props: SplitPaneResizerProps;
-    ref: HTMLDivElement;
+    ref: HTMLButtonElement;
     stylesNames: SplitPaneResizerStylesNames;
     vars: SplitPaneResizerCssVariables;
     variant: SplitPaneResizerVariant;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gfazioli/mantine-split-pane",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "A React component that manages split panes allows users to divide and resize content areas within a layout efficiently.",
   "homepage": "https://gfazioli.github.io/mantine-split-pane/",
   "packageManager": "yarn@4.0.1",