feat: slot provider

[geokaralis]

Description

<SlotProvider /> manages and provides slot props to its descendants. It allows for the definition and inheritance of props for named slots in a component tree.

Example

// Register component with the useSlotProps() hook
function Button(props) {
  props = useSlotProps(props, 'button');

  return (
    <button {...props}>{props.children}</button>
  );
}

function ButtonsWithPadding(props) {
  return (
    <SlotProvider slots={{ button: { style: { padding: '1rem' } } }}>
      {props.children}
    </SlotProvider>
  )
}

// Somewhere in the app
<ButtonsWithPadding>
  <Button>Button 1</Button> // Gets 1rem padding
  <Button>Button 2</Button> // Gets 1rem padding
</ButtonsWithPadding>

[sonarqubecloud]

Quality Gate failed

Failed conditions
0.0% Coverage on New Code (required ≥ 80%)

See analysis details on SonarCloud

[sonarqubecloud]

Quality Gate passed

Issues
4 New issues
0 Accepted issues

Measures
0 Security Hotspots
99.3% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud