docs: update @mconf to @bigbluebutton and fix typo in file name

CLAUDE.md

@@ -4,7 +4,7 @@ Guidance for Claude Code when working in this repository.
 
 ## Project overview
 
-`@mconf/bbb-ui-components-react` is a library of reusable React components extracted from BigBlueButton (BBB), published to npm. Each component lives in its own folder under `src/components/<Name>/` and is built/exported independently (tree-shakeable per-component entry points).
+`@bigbluebutton/bbb-ui-components-react` is a library of reusable React components extracted from BigBlueButton (BBB), published to npm. Each component lives in its own folder under `src/components/<Name>/` and is built/exported independently (tree-shakeable per-component entry points).
 
 `CHANGELOG.md` and the package version are generated automatically on release by `TriPSs/conventional-changelog-action` (see `.github/workflows/tag_and_release.yml`), using the `conventionalcommits` preset. This is why **correct commit type and scope matter**: they directly drive the changelog content and the version bump (see "Commit conventions" below).
 
@@ -30,7 +30,7 @@ Component folder/file names are **raw** PascalCase (`Button`, `Input`, `Navigati
 - `src/components/index.ts` — add `export { BBB<Name> } from './<Name>';` (keep alphabetical by folder name).
 - Root `README.md` — add `- [BBB<Name>](./src/components/<Name>/README.md)` to the "Available Components" list (keep alphabetical).
 - `webpack.config.babel.js` — add `<Name>: './src/components/<Name>/index.ts',` to the `entry` map.
-- `package.json` `exports` — add a `"./<Name>"` block, mirroring an existing one (e.g. copy the `"./Toggle"` block and replace `Toggle` with `<Name>` throughout). This is what makes `import { BBB<Name> } from '@mconf/bbb-ui-components-react/<Name>'` tree-shakeable.
+- `package.json` `exports` — add a `"./<Name>"` block, mirroring an existing one (e.g. copy the `"./Toggle"` block and replace `Toggle` with `<Name>` throughout). This is what makes `import { BBB<Name> } from '@bigbluebutton/bbb-ui-components-react/<Name>'` tree-shakeable.
 - `src/index.ts` needs **no** change — it already does `export * from './components'`, which picks up new components automatically.
 
 ## Adding a new prop to an existing component

README.md

@@ -112,7 +112,7 @@ If you need to override colors for specific components or add new variables, ref
 You can install the library directly from npm:
 
 ```bash
-npm install @mconf/bbb-ui-components-react
+npm install @bigbluebutton/bbb-ui-components-react
 ```
 
 ## Local Development

src/components/Accordion/styles.ts

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { colorBackgroundLight, colorBrand1, colorTextDefault, colorWhite } from '../../stylesheets/pallete';
+import { colorBackgroundLight, colorBrand1, colorTextDefault, colorWhite } from '../../stylesheets/palette';
 import { fontSizeDefault } from '../../stylesheets/typography';
 import { borderRadiusDefault, spacingMedium, spacingSmall } from '../../stylesheets/sizing';
 import { StyledAccordionContent, StyledExpandIcon } from './types';

src/components/Button/constants.ts

@@ -14,7 +14,7 @@ import {
   colorIconDefault,
   colorGray,
   colorBrandAux,
-} from '../../stylesheets/pallete';
+} from '../../stylesheets/palette';
 import { spacingMedium, spacingSmall, spacingSmallMedium } from '../../stylesheets/sizing';
 import { CSSColorPropertiesType, CSSSizePropertiesType, EssentialColorProperties } from './type';
 

src/components/Button/styles.ts

@@ -18,7 +18,7 @@ import {
   borderRadiusSmall,
   spacingSmall,
 } from '../../stylesheets/sizing';
-import { colorBorderDefault, colorTextDefault } from '../../stylesheets/pallete';
+import { colorBorderDefault, colorTextDefault } from '../../stylesheets/palette';
 import { fontSizeSmall } from '../../stylesheets/typography';
 
 const commonButtonStyles = css<StyledButtonProps>`

src/components/Checkbox/styles.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 import { Checkbox as MuiCheckbox } from '@mui/material';
-import { colorTextDefault, colorBrand1 } from '../../stylesheets/pallete';
+import { colorTextDefault, colorBrand1 } from '../../stylesheets/palette';
 import { fontSizeDefault } from '../../stylesheets/typography';
 import { spacingSmall } from '../../stylesheets/sizing';
 

src/components/Divider/styles.ts

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { colorBorderDefault } from '../../stylesheets/pallete';
+import { colorBorderDefault } from '../../stylesheets/palette';
 
 export const Divider = styled.hr`
   width: 100%;

src/components/Hint/styles.ts

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { colorTextDefault, colorBrand1, colorBackgroundLight, colorIconDefault, colorHoverLight } from '../../stylesheets/pallete';
+import { colorTextDefault, colorBrand1, colorBackgroundLight, colorIconDefault, colorHoverLight } from '../../stylesheets/palette';
 import { fontSizeDefault } from '../../stylesheets/typography';
 import { borderRadiusSmall, spacingMedium, spacingSmall, spacingSmallMedium } from '../../stylesheets/sizing';
 

src/components/Input/styles.ts

@@ -7,7 +7,7 @@ import {
   colorTextLight,
   colorError,
   colorSuccess,
-} from '../../stylesheets/pallete';
+} from '../../stylesheets/palette';
 import { borderRadiusDefault, spacingSmall, spacingMedium } from '../../stylesheets/sizing';
 import { fontSizeSmall } from '../../stylesheets/typography';
 import { StyledContainerProps, StyledHelperTextProps } from './types';

src/components/Modal/styles.ts

@@ -2,7 +2,7 @@ import styled from 'styled-components';
 import { Styles } from 'react-modal';
 import * as React from 'react';
 import { spacingLarge, spacingMedium, spacingSmallMedium, borderRadiusDefault } from '../../stylesheets/sizing';
-import { colorWhite } from '../../stylesheets/pallete';
+import { colorWhite } from '../../stylesheets/palette';
 import { StyledModalBodyProps, StyledModalFooterProps } from './types';
 
 export const modalStyles: Styles = {

src/components/Navigation/styles.ts

@@ -1,6 +1,6 @@
 import styled, { css } from 'styled-components';
 import { borderRadiusSmall, spacingMedium } from '../../stylesheets/sizing';
-import { colorBrand1 } from '../../stylesheets/pallete';
+import { colorBrand1 } from '../../stylesheets/palette';
 import { StyledIconWrapper } from './types';
 
 export const NavigationButton = styled.button`

src/components/Search/styles.ts

@@ -7,7 +7,7 @@ import {
   colorIconDefault,
   colorIconBlue,
   colorBrand1,
-} from '../../stylesheets/pallete';
+} from '../../stylesheets/palette';
 import {
   spacingSmall,
   spacingMedium,

src/components/Select/styles.ts

@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 import { borderRadiusSmall, spacingMedium, spacingSmall } from '../../stylesheets/sizing';
 import Select from '@mui/material/Select';
-import { colorBorderDefault, colorBrand1, colorDarkGray } from '../../stylesheets/pallete';
+import { colorBorderDefault, colorBrand1, colorDarkGray } from '../../stylesheets/palette';
 import { fontSizeSmall } from '../../stylesheets/typography';
 
 export const SelectContainer = styled.div`

src/components/Spinner/styles.ts

@@ -1,6 +1,6 @@
 import styled, { keyframes, css } from 'styled-components';
 import { StyledWrapperProps, StyledSvgProps, StyledPathProps } from './types';
-import { colorBrand1 } from '../../stylesheets/pallete';
+import { colorBrand1 } from '../../stylesheets/palette';
 
 const rotate = keyframes`
   0% { transform: rotate(0deg); }

src/components/TextAreaInput/styles.ts

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { colorBorderDefault, colorBrand1, colorBrand2, colorLightGray, colorWhite } from '../../stylesheets/pallete';
+import { colorBorderDefault, colorBrand1, colorBrand2, colorLightGray, colorWhite } from '../../stylesheets/palette';
 import { borderRadiusDefault } from '../../stylesheets/sizing';
 
 export const TextAreaInput = styled.textarea`

src/components/TextInput/styles.ts

@@ -4,7 +4,7 @@ import {
   colorBorderDefault, colorBorderSelected,
   colorTextDefault, colorTextLight,
   colorBorderError, colorError,
-} from '../../stylesheets/pallete';
+} from '../../stylesheets/palette';
 import { fontSizeSmall } from '../../stylesheets/typography';
 import { borderRadiusDefault, spacingMedium, spacingSmall } from '../../stylesheets/sizing';
 import { StyledTextProps } from './types';

src/components/Toggle/styles.ts

@@ -1,7 +1,7 @@
 import { Switch } from '@mui/material';
 import { styled as materialStyled } from '@mui/material/styles';
 import styled, { css } from 'styled-components';
-import { colorBrand1, colorIconDefault, colorTextDefault, colorTextLight, colorWhite } from '../../stylesheets/pallete';
+import { colorBrand1, colorIconDefault, colorTextDefault, colorTextLight, colorWhite } from '../../stylesheets/palette';
 import { TEXT_POSITIONS } from './constants';
 import { StyledTextWrapperProps, StyledToggleWrapperProps } from './types';
 import { fontSizeBig, fontSizeDefault } from '../../stylesheets/typography';

src/components/Typography/styles.ts

@@ -1,6 +1,6 @@
 import styled, { css } from 'styled-components';
 import { StyledTypography } from './types';
-import { colorTextDefault, colorTextLight } from '../../stylesheets/pallete';
+import { colorTextDefault, colorTextLight } from '../../stylesheets/palette';
 import {
   fontSizeDefault, fontSizeSmall,
   fontSizeXSmall, fontWeightDefault,

src/index.ts

@@ -1,3 +1,3 @@
 export * from './components';
-export * from './stylesheets/pallete';
+export * from './stylesheets/palette';
 export * from './stylesheets/sizing';