[DS-366] Updated Select Syntax (#466)

.changeset/kind-wombats-breathe.md

@@ -0,0 +1,5 @@
+---
+"@hopper-ui/components": patch
+---
+
+Updated the Select syntax to use SelectField and Select components.

apps/docs/content/components/pickers/ComboBox.mdx

@@ -52,7 +52,7 @@ The Section component represents a `section` within a Hopper container.
 - [Header](./ComboBox#header)
 - [Section](./ComboBox#section)
 
-#### ComboBox.Option
+#### ComboBoxOption
 
 - [Text](./Text)
 - [Avatar](Avatar)

apps/docs/content/components/pickers/Select.mdx

@@ -51,7 +51,7 @@ The Section component represents a `section` within a Hopper container.
 - [Header](./Select#header)
 - [Section](./Select#section)
 
-#### Select.Option
+#### SelectOption
 
 - [Text](./Text)
 - [Avatar](Avatar)

apps/docs/datas/components/AnonymousAvatar.json

@@ -0,0 +1 @@
+[{"tags":{},"filePath":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","description":"","displayName":"AnonymousAvatar","methods":[],"props":{"isDisabled":{"defaultValue":null,"description":"Whether or not the avatar is disabled.","name":"isDisabled","parent":{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"AnonymousAvatarProps"},"declarations":[{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"AnonymousAvatarProps"}],"required":false,"type":{"name":"boolean"}},"size":{"defaultValue":{"value":"\"md\""},"description":"The size of the avatar.\n*","name":"size","parent":{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"AnonymousAvatarProps"},"declarations":[{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"AnonymousAvatarProps"}],"required":false,"type":{"name":"ResponsiveProp<AvatarSize>"}},"aria-label":{"defaultValue":null,"description":"Defines a string value that labels the current element.","name":"aria-label","parent":{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"AriaLabelingProps"},"declarations":[{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"AriaLabelingProps"}],"required":false,"type":{"name":"string"}},"aria-labelledby":{"defaultValue":null,"description":"Identifies the element (or elements) that labels the current element.","name":"aria-labelledby","parent":{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"AriaLabelingProps"},"declarations":[{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"AriaLabelingProps"}],"required":false,"type":{"name":"string"}},"aria-describedby":{"defaultValue":null,"description":"Identifies the element (or elements) that describes the object.","name":"aria-describedby","parent":{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"AriaLabelingProps"},"declarations":[{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"AriaLabelingProps"}],"required":false,"type":{"name":"string"}},"aria-details":{"defaultValue":null,"description":"Identifies the element (or elements) that provide a detailed, extended description for the object.","name":"aria-details","parent":{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"AriaLabelingProps"},"declarations":[{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"AriaLabelingProps"}],"required":false,"type":{"name":"string"}},"slot":{"defaultValue":null,"description":"A slot name for the component. Slots allow the component to receive props from a parent component.\nAn explicit `null` value indicates that the local props completely override all props received from a parent.","name":"slot","parent":{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"SlotProps"},"declarations":[{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"SlotProps"}],"required":false,"type":{"name":"string | null"}},"className":{"defaultValue":null,"description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.","name":"className","parent":{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"StyleRenderProps"},"declarations":[{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"StyleRenderProps"}],"required":false,"type":{"name":"string | ((values: AnonymousAvatarRenderProps & { defaultClassName: string; }) => string)"}},"style":{"defaultValue":null,"description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state.","name":"style","parent":{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"StyleRenderProps"},"declarations":[{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"StyleRenderProps"}],"required":false,"type":{"name":"CSSProperties | ((values: AnonymousAvatarRenderProps & { defaultStyle: CSSProperties; }) => CSSProperties)"}}},"groups":{"default":{"isDisabled":{"defaultValue":null,"description":"Whether or not the avatar is disabled.","name":"isDisabled","parent":{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"AnonymousAvatarProps"},"declarations":[{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"AnonymousAvatarProps"}],"required":false,"type":{"name":"boolean"}},"size":{"defaultValue":{"value":"\"md\""},"description":"The size of the avatar.\n*","name":"size","parent":{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"AnonymousAvatarProps"},"declarations":[{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"AnonymousAvatarProps"}],"required":false,"type":{"name":"ResponsiveProp<AvatarSize>"}},"className":{"defaultValue":null,"description":"The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.","name":"className","parent":{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"StyleRenderProps"},"declarations":[{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"StyleRenderProps"}],"required":false,"type":{"name":"string | ((values: AnonymousAvatarRenderProps & { defaultClassName: string; }) => string)"}},"style":{"defaultValue":null,"description":"The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state.","name":"style","parent":{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"StyleRenderProps"},"declarations":[{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"StyleRenderProps"}],"required":false,"type":{"name":"CSSProperties | ((values: AnonymousAvatarRenderProps & { defaultStyle: CSSProperties; }) => CSSProperties)"}}},"events":{},"accessibility":{"aria-label":{"defaultValue":null,"description":"Defines a string value that labels the current element.","name":"aria-label","parent":{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"AriaLabelingProps"},"declarations":[{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"AriaLabelingProps"}],"required":false,"type":{"name":"string"}},"aria-labelledby":{"defaultValue":null,"description":"Identifies the element (or elements) that labels the current element.","name":"aria-labelledby","parent":{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"AriaLabelingProps"},"declarations":[{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"AriaLabelingProps"}],"required":false,"type":{"name":"string"}},"aria-describedby":{"defaultValue":null,"description":"Identifies the element (or elements) that describes the object.","name":"aria-describedby","parent":{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"AriaLabelingProps"},"declarations":[{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"AriaLabelingProps"}],"required":false,"type":{"name":"string"}},"aria-details":{"defaultValue":null,"description":"Identifies the element (or elements) that provide a detailed, extended description for the object.","name":"aria-details","parent":{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"AriaLabelingProps"},"declarations":[{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"AriaLabelingProps"}],"required":false,"type":{"name":"string"}}},"layout":{"slot":{"defaultValue":null,"description":"A slot name for the component. Slots allow the component to receive props from a parent component.\nAn explicit `null` value indicates that the local props completely override all props received from a parent.","name":"slot","parent":{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"SlotProps"},"declarations":[{"fileName":"/packages/components/src/Avatar/src/AnonymousAvatar.tsx","name":"SlotProps"}],"required":false,"type":{"name":"string | null"}}}}}]