@digdir/designsystemet-react 1.1.5 → 1.1.6

package/dist/esm/components/dropdown/dropdown-trigger.js

@@ -3,6 +3,22 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { PopoverTrigger } from '../popover/popover-trigger.js';
 
+/**
+ * DropdownTrigger component, used within a Dropdown.TriggerContext to open a Dropdown.
+ *
+ * @example
+ * <Dropdown.TriggerContext>
+ *  <Dropdown.Trigger>Dropdown</Dropdown.Trigger>
+ *  <Dropdown>
+ *   <Dropdown.Heading>Heading</Dropdown.Heading>
+ *    <Dropdown.List>
+ *      <Dropdown.Item>
+ *        <Dropdown.Button>Button</Dropdown.Button>
+ *      </Dropdown.Item>
+ *    </Dropdown.List>
+ *  </Dropdown>
+ * </Dropdown.TriggerContext>
+ */
 const DropdownTrigger = forwardRef(function DropdownTrigger({ asChild, ...rest }, ref) {
     return jsx(PopoverTrigger, { ref: ref, ...rest });
 });

package/dist/esm/components/dropdown/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { Dropdown as Dropdown$1 } from './dropdown.js';
+import { Dropdown } from './dropdown.js';
 import { DropdownButton } from './dropdown-button.js';
 import { DropdownHeading } from './dropdown-heading.js';
 import { DropdownItem } from './dropdown-item.js';
@@ -10,7 +10,7 @@ import { DropdownTriggerContext } from './dropdown-trigger-context.js';
 /**
  * Dropdown component, used to display a list of options.
  *
- * @example
+ * @example with TriggerContext
  * <Dropdown.TriggerContext>
  *   <Dropdown.Trigger>Dropdown trigger</Dropdown.Trigger>
  *   <Dropdown placement='bottom-end'>
@@ -22,8 +22,19 @@ import { DropdownTriggerContext } from './dropdown-trigger-context.js';
  *     </Dropdown.List>
  *   </Dropdown>
  * </Dropdown.TriggerContext>
+ *
+ * @example without TriggerContext
+ * <Button popovertarget="my-dropdown">Trigger</Button>
+ * <Dropdown id="my-dropdown">
+ *   <Dropdown.Heading>Heading</Dropdown.Heading>
+ *   <Dropdown.List>
+ *     <Dropdown.Item>
+ *       <Dropdown.Button>Item</Dropdown.Button>
+ *     </Dropdown.Item>
+ *   </Dropdown.List>
+ * </Dropdown>
  */
-const Dropdown = Object.assign(Dropdown$1, {
+const DropdownComponent = Object.assign(Dropdown, {
     TriggerContext: DropdownTriggerContext,
     Heading: DropdownHeading,
     List: DropdownList,
@@ -31,11 +42,11 @@ const Dropdown = Object.assign(Dropdown$1, {
     Button: DropdownButton,
     Trigger: DropdownTrigger,
 });
-Dropdown.TriggerContext.displayName = 'Dropdown.TriggerContext';
-Dropdown.List.displayName = 'Dropdown.List';
-Dropdown.Heading.displayName = 'Dropdown.Heading';
-Dropdown.Item.displayName = 'Dropdown.Item';
-Dropdown.Button.displayName = 'Dropdown.Button';
-Dropdown.Trigger.displayName = 'Dropdown.Trigger';
+DropdownComponent.TriggerContext.displayName = 'Dropdown.TriggerContext';
+DropdownComponent.List.displayName = 'Dropdown.List';
+DropdownComponent.Heading.displayName = 'Dropdown.Heading';
+DropdownComponent.Item.displayName = 'Dropdown.Item';
+DropdownComponent.Button.displayName = 'Dropdown.Button';
+DropdownComponent.Trigger.displayName = 'Dropdown.Trigger';
 
-export { Dropdown, DropdownButton, DropdownHeading, DropdownItem, DropdownList, DropdownTrigger, DropdownTriggerContext };
+export { DropdownComponent as Dropdown, DropdownButton, DropdownHeading, DropdownItem, DropdownList, DropdownTrigger, DropdownTriggerContext };

package/dist/esm/components/error-summary/error-summary-heading.js

@@ -4,6 +4,14 @@ import { forwardRef, useContext, useEffect } from 'react';
 import { Heading } from '../heading/heading.js';
 import { ErrorSummaryContext } from './error-summary.js';
 
+/**
+ * ErrorSummary heading component, used to display a heading for the error summary.
+ *
+ * @example
+ * <ErrorSummary>
+ *   <ErrorSummaryHeading>Heading</ErrorSummaryHeading>
+ * </ErrorSummary>
+ */
 const ErrorSummaryHeading = forwardRef(function ErrorSummaryHeading({ className, id, ...rest }, ref) {
     const { headingId, setHeadingId } = useContext(ErrorSummaryContext);
     useEffect(() => {

package/dist/esm/components/error-summary/error-summary-item.js

@@ -8,11 +8,11 @@ import { ListItem } from '../list/list-item.js';
  * ErrorSummaryItem component, used to display an error link in the ErrorSummary.
  *
  * @example
- * <ErrorSummary.Item>
- *  <ErrorSummary.Link href="#">
+ * <ErrorSummaryItem>
+ *  <ErrorSummaryLink href="#">
  *    Link to error
- *  </ErrorSummary.Link>
- * </ErrorSummary.Item>
+ *  </ErrorSummaryLink>
+ * </ErrorSummaryItem>
  */
 const ErrorSummaryItem = forwardRef(function ErrorSummaryItem({ ...rest }, ref) {
     return jsx(ListItem, { ref: ref, ...rest });

package/dist/esm/components/error-summary/error-summary-link.js

@@ -4,7 +4,14 @@ import { forwardRef } from 'react';
 import { Link } from '../link/link.js';
 
 /**
- * Link component used in ErrorSummary.
+ * ErrorSummary link component, used to link to a specific error. Used within an ErrorSummary.Item.
+ *
+ * @example
+ * <ErrorSummary>
+ *   <ErrorSummaryItem>
+ *     <ErrorSummaryLink href='#'>Error 1</ErrorSummaryLink>
+ *   </ErrorSummaryItem>
+ * </ErrorSummary>
  */
 const ErrorSummaryLink = forwardRef(function ErrorSummaryLink({ ...rest }, ref) {
     return jsx(Link, { ref: ref, "data-color": 'neutral', ...rest });

package/dist/esm/components/error-summary/error-summary-list.js

@@ -1,10 +1,25 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { List } from '../list/index.js';
+import { List as ListComponent } from '../list/index.js';
 
+/**
+ * ErrorSummary list component, used to display a list of errors.
+ *
+ * @example
+ * <ErrorSummary>
+ *   <ErrorSummary.List>
+ *     <ErrorSummary.Item>
+ *       <ErrorSummary.Link href='#'>Error 1</ErrorSummary.Link>
+ *     </ErrorSummary.Item>
+ *     <ErrorSummary.Item>
+ *       <ErrorSummary.Link href='#'>Error 2</ErrorSummary.Link>
+ *     </ErrorSummary.Item>
+ *   </ErrorSummary.List>
+ * </ErrorSummary>
+ */
 const ErrorSummaryList = forwardRef(function ErrorSummaryList({ ...rest }, ref) {
-    return jsx(List.Unordered, { ...rest, ref: ref });
+    return jsx(ListComponent.Unordered, { ...rest, ref: ref });
 });
 
 export { ErrorSummaryList };

package/dist/esm/components/error-summary/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { ErrorSummary as ErrorSummary$1 } from './error-summary.js';
+import { ErrorSummary } from './error-summary.js';
 import { ErrorSummaryHeading } from './error-summary-heading.js';
 import { ErrorSummaryItem } from './error-summary-item.js';
 import { ErrorSummaryLink } from './error-summary-link.js';
@@ -21,15 +21,15 @@ import { ErrorSummaryList } from './error-summary-list.js';
  *   </ErrorSummary.List>
  * </ErrorSummary>
  */
-const ErrorSummary = Object.assign(ErrorSummary$1, {
+const ErrorSummaryComponent = Object.assign(ErrorSummary, {
     Heading: ErrorSummaryHeading,
     Item: ErrorSummaryItem,
     List: ErrorSummaryList,
     Link: ErrorSummaryLink,
 });
-ErrorSummary.Item.displayName = 'ErrorSummary.Item';
-ErrorSummary.Heading.displayName = 'ErrorSummary.Heading';
-ErrorSummary.List.displayName = 'ErrorSummary.List';
-ErrorSummary.Link.displayName = 'ErrorSummary.Link';
+ErrorSummaryComponent.Item.displayName = 'ErrorSummary.Item';
+ErrorSummaryComponent.Heading.displayName = 'ErrorSummary.Heading';
+ErrorSummaryComponent.List.displayName = 'ErrorSummary.List';
+ErrorSummaryComponent.Link.displayName = 'ErrorSummary.Link';
 
-export { ErrorSummary, ErrorSummaryHeading, ErrorSummaryItem, ErrorSummaryLink, ErrorSummaryList };
+export { ErrorSummaryComponent as ErrorSummary, ErrorSummaryHeading, ErrorSummaryItem, ErrorSummaryLink, ErrorSummaryList };

package/dist/esm/components/field/field-description.js

@@ -2,6 +2,12 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 
+/**
+ * Field description component, used to provide additional information below the input.
+ *
+ * @example
+ * <FieldDescription>Additional information</FieldDescription>
+ */
 const FieldDescription = forwardRef(function FieldDescription(rest, ref) {
     return jsx("div", { "data-field": 'description', ref: ref, ...rest });
 });

package/dist/esm/components/field/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { Field as Field$1 } from './field.js';
+import { Field } from './field.js';
 import { FieldAffix, FieldAffixes } from './field-affix.js';
 import { FieldCounter } from './field-counter.js';
 import { FieldDescription } from './field-description.js';
@@ -15,15 +15,15 @@ import { FieldDescription } from './field-description.js';
  *   <ValidationMessage>Feilmelding</ValidationMessage>
  * </Field>
  */
-const Field = Object.assign(Field$1, {
+const FieldComponent = Object.assign(Field, {
     Description: FieldDescription,
     Affixes: FieldAffixes,
     Affix: FieldAffix,
     Counter: FieldCounter,
 });
-Field.Description.displayName = 'Field.Description';
-Field.Affixes.displayName = 'Field.Affixes';
-Field.Affix.displayName = 'Field.Affix';
-Field.Counter.displayName = 'Field.Counter';
+FieldComponent.Description.displayName = 'Field.Description';
+FieldComponent.Affixes.displayName = 'Field.Affixes';
+FieldComponent.Affix.displayName = 'Field.Affix';
+FieldComponent.Counter.displayName = 'Field.Counter';
 
-export { Field, FieldAffix, FieldAffixes, FieldCounter, FieldDescription };
+export { FieldComponent as Field, FieldAffix, FieldAffixes, FieldCounter, FieldDescription };

package/dist/esm/components/fieldset/fieldset-description.js

@@ -7,9 +7,9 @@ import { Paragraph } from '../paragraph/paragraph.js';
  * FieldsetDescription component, used to display a description for a fieldset.
  *
  * @example
- * <Fieldset.Description>
+ * <FieldsetDescription>
  *   Gi en kort beskrivelse i begge feltene
- * </Fieldset.Description>
+ * </FieldsetDescription>
  */
 const FieldsetDescription = forwardRef(function FieldsetDescription(rest, ref) {
     return jsx(Paragraph, { ref: ref, ...rest });

package/dist/esm/components/fieldset/fieldset-legend.js

@@ -7,7 +7,7 @@ import { Label } from '../label/label.js';
  * FieldsetLegend component, used to display a legend for a fieldset.
  *
  * @example
- * <Fieldset.Legend>Skriv inn dine svar</Fieldset.Legend>
+ * <FieldsetLegend>Skriv inn dine svar</FieldsetLegend>
  */
 const FieldsetLegend = forwardRef(function FieldsetLegend(rest, ref) {
     return (jsx(Label, { asChild: true, children: jsx("legend", { ref: ref, ...rest }) }));

package/dist/esm/components/fieldset/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { Fieldset as Fieldset$1 } from './fieldset.js';
+import { Fieldset } from './fieldset.js';
 import { FieldsetDescription } from './fieldset-description.js';
 import { FieldsetLegend } from './fieldset-legend.js';
 
@@ -18,11 +18,11 @@ import { FieldsetLegend } from './fieldset-legend.js';
  *   </Field>
  * </Fieldset>
  */
-const Fieldset = Object.assign(Fieldset$1, {
+const FieldsetComponent = Object.assign(Fieldset, {
     Legend: FieldsetLegend,
     Description: FieldsetDescription,
 });
-Fieldset.Legend.displayName = 'Fieldset.Legend';
-Fieldset.Description.displayName = 'Fieldset.Description';
+FieldsetComponent.Legend.displayName = 'Fieldset.Legend';
+FieldsetComponent.Description.displayName = 'Fieldset.Description';
 
-export { Fieldset, FieldsetDescription, FieldsetLegend };
+export { FieldsetComponent as Fieldset, FieldsetDescription, FieldsetLegend };

package/dist/esm/components/list/index.js

@@ -2,13 +2,13 @@
 import { ListItem } from './list-item.js';
 import { ListUnordered, ListOrdered } from './lists.js';
 
-const List = {
+const ListComponent = {
     Item: ListItem,
     Ordered: ListOrdered,
     Unordered: ListUnordered,
 };
-List.Item.displayName = 'List.Item';
-List.Ordered.displayName = 'List.Ordered';
-List.Unordered.displayName = 'List.Unordered';
+ListComponent.Item.displayName = 'List.Item';
+ListComponent.Ordered.displayName = 'List.Ordered';
+ListComponent.Unordered.displayName = 'List.Unordered';
 
-export { List, ListItem, ListOrdered, ListUnordered };
+export { ListComponent as List, ListItem, ListOrdered, ListUnordered };

package/dist/esm/components/list/list-item.js

@@ -3,6 +3,12 @@ import { jsx } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 
+/**
+ * Component that provides a list item.
+ *
+ * @example
+ * <List.Item>Item</List.Item>
+ */
 const ListItem = forwardRef(function ListItem({ asChild, ...rest }, ref) {
     const Component = asChild ? Slot : 'li';
     return jsx(Component, { ...rest, ref: ref });

package/dist/esm/components/list/lists.js

@@ -13,10 +13,10 @@ const render = (tagName, { asChild, className, ...rest }, ref) => {
  * Renders a native `ul` element.
  *
  * @example
- * <List.Unordered>
- *   <List.Item>Item 1</List.Item>
- *   <List.Item>Item 2</List.Item>
- * </List.Unordered>
+ * <ListUnordered>
+ *   <ListItem>Item 1</ListItem>
+ *   <ListItem>Item 2</ListItem>
+ * </ListUnordered>
  */
 const ListUnordered = forwardRef(function ListUnordered(props, ref) {
     return render('ul', props, ref);
@@ -26,10 +26,10 @@ const ListUnordered = forwardRef(function ListUnordered(props, ref) {
  * Renders a native `ol` element.
  *
  * @example
- * <List.Ordered>
- *   <List.Item>Item 1</List.Item>
- *   <List.Item>Item 2</List.Item>
- * </List.Ordered>
+ * <ListOrdered>
+ *   <ListItem>Item 1</ListItem>
+ *   <ListItem>Item 2</ListItem>
+ * </ListOrdered>
  */
 const ListOrdered = forwardRef(function ListOrdered(props, ref) {
     return render('ol', props, ref);

package/dist/esm/components/pagination/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { Pagination as Pagination$1 } from './pagination.js';
+import { Pagination } from './pagination.js';
 import { PaginationButton } from './pagination-button.js';
 import { PaginationItem } from './pagination-item.js';
 import { PaginationList } from './pagination-list.js';
@@ -22,13 +22,13 @@ import { PaginationList } from './pagination-list.js';
  *   </Pagination.List>
  * </Pagination>
  */
-const Pagination = Object.assign(Pagination$1, {
+const PaginationComponent = Object.assign(Pagination, {
     List: PaginationList,
     Item: PaginationItem,
     Button: PaginationButton,
 });
-Pagination.List.displayName = 'Pagination.List';
-Pagination.Item.displayName = 'Pagination.Item';
-Pagination.Button.displayName = 'Pagination.Button';
+PaginationComponent.List.displayName = 'Pagination.List';
+PaginationComponent.Item.displayName = 'Pagination.Item';
+PaginationComponent.Button.displayName = 'Pagination.Button';
 
-export { Pagination, PaginationButton, PaginationItem, PaginationList };
+export { PaginationComponent as Pagination, PaginationButton, PaginationItem, PaginationList };

package/dist/esm/components/pagination/pagination-button.js

@@ -7,9 +7,9 @@ import { Button } from '../button/button.js';
  * PaginationButton component, use within a Pagination.Item.
  *
  * @example
- * <Pagination.Item>
- *   <Pagination.Button aria-label='Forrige side'>Forrige</Pagination.Button>
- * </Pagination.Item>
+ * <PaginationItem>
+ *   <PaginationButton aria-label='Forrige side'>Forrige</PaginationButton>
+ * </PaginationItem>
  */
 const PaginationButton = forwardRef(function PaginationButton(rest, ref) {
     return jsx(Button, { ref: ref, ...rest });

package/dist/esm/components/pagination/pagination-item.js

@@ -7,11 +7,11 @@ import { forwardRef } from 'react';
  * PaginationItem component, use within a Pagination.List.
  *
  * @example
- * <Pagination.List>
- *   <Pagination.Item>
- *     <Pagination.Button aria-label='Forrige side'>Forrige</Pagination.Button>
- *   </Pagination.Item>
- * </Pagination.List>
+ * <PaginationList>
+ *   <PaginationItem>
+ *     <PaginationButton aria-label='Forrige side'>Forrige</PaginationButton>
+ *   </PaginationItem>
+ * </PaginationList>
  */
 const PaginationItem = forwardRef(function PaginationItem({ asChild, className, ...rest }, ref) {
     const Component = asChild ? Slot : 'li';

package/dist/esm/components/pagination/pagination-list.js

@@ -8,11 +8,11 @@ import { forwardRef } from 'react';
  *
  * @example
  * <Pagination>
- *   <Pagination.List>
- *     <Pagination.Item>
- *       <Pagination.Button aria-label='Forrige side'>Forrige</Pagination.Button>
- *     </Pagination.Item>
- *   </Pagination.List>
+ *   <PaginationList>
+ *     <PaginationItem>
+ *       <PaginationButton aria-label='Forrige side'>Forrige</PaginationButton>
+ *     </PaginationItem>
+ *   </PaginationList>
  * </Pagination>
  */
 const PaginationList = forwardRef(function PaginationList({ asChild, ...rest }, ref) {

package/dist/esm/components/popover/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { Popover as Popover$1 } from './popover.js';
+import { Popover } from './popover.js';
 import { PopoverTrigger } from './popover-trigger.js';
 import { PopoverTriggerContext } from './popover-trigger-context.js';
 
@@ -14,11 +14,11 @@ import { PopoverTriggerContext } from './popover-trigger-context.js';
  *   </Popover>
  * </Popover.TriggerContext>
  */
-const Popover = Object.assign(Popover$1, {
+const PopoverComponent = Object.assign(Popover, {
     TriggerContext: PopoverTriggerContext,
     Trigger: PopoverTrigger,
 });
-Popover.TriggerContext.displayName = 'Popover.TriggerContext';
-Popover.Trigger.displayName = 'Popover.Trigger';
+PopoverComponent.TriggerContext.displayName = 'Popover.TriggerContext';
+PopoverComponent.Trigger.displayName = 'Popover.Trigger';
 
-export { Popover, PopoverTrigger, PopoverTriggerContext };
+export { PopoverComponent as Popover, PopoverTrigger, PopoverTriggerContext };

package/dist/esm/components/popover/popover-trigger-context.js

@@ -6,12 +6,12 @@ import { createContext, useId, useState } from 'react';
  * PopoverTriggerContext component, use to wrap a Popover.Trigger and Popover.
  *
  * @example
- * <Popover.TriggerContext>
- *   <Popover.Trigger>Open Popover</Popover.Trigger>
+ * <PopoverTriggerContext>
+ *   <PopoverTrigger>Open Popover</PopoverTrigger>
  *   <Popover>
  *     Content
  *   </Popover>
- * </Popover.TriggerContext>
+ * </PopoverTriggerContext>
  */
 const PopoverTriggerContext = ({ children, }) => {
     const randomPopoverId = useId();

package/dist/esm/components/popover/popover-trigger.js

@@ -9,22 +9,22 @@ import { Context } from './popover-trigger-context.js';
  * PopoverTrigger component, used to trigger a popover.
  *
  * @example
- * <Popover.TriggerContext>
- *   <Popover.Trigger>Open Popover</Popover.Trigger>
+ * <PopoverTriggerContext>
+ *   <PopoverTrigger>Open Popover</PopoverTrigger>
  *   <Popover>
  *     Content
  *   </Popover>
- * </Popover.TriggerContext>
+ * </PopoverTriggerContext>
  *
  * @example inline
- * <Popover.TriggerContext>
+ * <PopoverTriggerContext>
  *   <Paragraph>
- *    We can use it <Popover.Trigger inline={true}>inline</Popover.Trigger>.
+ *    We can use it <PopoverTrigger inline={true}>inline</PopoverTrigger>.
  *   </Paragraph>
  *   <Popover>
  *     Content
  *   </Popover>
- * </Popover.TriggerContext>
+ * </PopoverTriggerContext>
  */
 const PopoverTrigger = forwardRef(function PopoverTrigger({ id, inline, asChild, ...rest }, ref) {
     const { popoverId } = useContext(Context);

package/dist/esm/components/radio/radio.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { Field } from '../field/index.js';
+import { Field as FieldComponent } from '../field/index.js';
 import { Input } from '../input/input.js';
 import { Label } from '../label/label.js';
 import { ValidationMessage } from '../validation-message/validation-message.js';
@@ -13,7 +13,7 @@ import { ValidationMessage } from '../validation-message/validation-message.js';
  * <Radio label="I agree" value="agree" />
  */
 const Radio = forwardRef(function Radio({ 'data-size': size, className, style, children, label, description, error, ...rest }, ref) {
-    return (jsxs(Field, { "data-size": size, className: className, style: style, children: [jsx(Input, { type: 'radio', ref: ref, ...rest }), !!label && jsx(Label, { weight: 'regular', children: label }), !!description && jsx("div", { "data-field": 'description', children: description }), !!error && jsx(ValidationMessage, { children: error })] }));
+    return (jsxs(FieldComponent, { "data-size": size, className: className, style: style, children: [jsx(Input, { type: 'radio', ref: ref, ...rest }), !!label && jsx(Label, { weight: 'regular', children: label }), !!description && jsx("div", { "data-field": 'description', children: description }), !!error && jsx(ValidationMessage, { children: error })] }));
 });
 
 export { Radio };

package/dist/esm/components/search/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { Search as Search$1 } from './search.js';
+import { Search } from './search.js';
 import { SearchButton } from './search-button.js';
 import { SearchClear } from './search-clear.js';
 import { SearchInput } from './search-input.js';
@@ -20,13 +20,13 @@ import { SearchInput } from './search-input.js';
  *   <Search.Clear />
  * </Search>
  */
-const Search = Object.assign(Search$1, {
+const SearchComponent = Object.assign(Search, {
     Clear: SearchClear,
     Button: SearchButton,
     Input: SearchInput,
 });
-Search.Clear.displayName = 'Search.Clear';
-Search.Button.displayName = 'Search.Button';
-Search.Input.displayName = 'Search.Input';
+SearchComponent.Clear.displayName = 'Search.Clear';
+SearchComponent.Button.displayName = 'Search.Button';
+SearchComponent.Input.displayName = 'Search.Input';
 
-export { Search, SearchButton, SearchClear, SearchInput };
+export { SearchComponent as Search, SearchButton, SearchClear, SearchInput };

package/dist/esm/components/search/search-button.js

@@ -8,8 +8,8 @@ import { Button } from '../button/button.js';
  *
  * @example
  * <Search>
- *   <Search.Input aria-label='Søk' />
- *   <Search.Button>Søk</Search.Button>
+ *   <SearchInput aria-label='Søk' />
+ *   <SearchButton>Søk</SearchButton>
  * </Search>
  */
 const SearchButton = forwardRef(function SearchButton({ children = 'Søk', ...rest }, ref) {

package/dist/esm/components/search/search-clear.js

@@ -9,8 +9,8 @@ import { setReactInputValue } from '../Combobox/utilities.js';
  *
  * @example
  * <Search>
- *   <Search.Input aria-label='Søk' />
- *   <Search.Clear />
+ *   <SearchInput aria-label='Søk' />
+ *   <SearchClear />
  * </Search>
  */
 const SearchClear = forwardRef(function SearchClear({ 'aria-label': label = 'Tøm', onClick, ...rest }, ref) {

package/dist/esm/components/search/search-input.js

@@ -8,7 +8,7 @@ import { Input } from '../input/input.js';
  *
  * @example
  * <Search>
- *   <Search.Input aria-label='Søk' />
+ *   <SearchInput aria-label='Søk' />
  * </Search>
  */
 const SearchInput = forwardRef(function SearchInput({ ...rest }, ref) {

package/dist/esm/components/select/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { Select as Select$1 } from './select.js';
+import { Select } from './select.js';
 import { SelectOptgroup } from './select-optgroup.js';
 import { SelectOption } from './select-option.js';
 
@@ -12,11 +12,11 @@ import { SelectOption } from './select-option.js';
  *   <Select.Option value='2'>Option 2</Select.Option>
  * </Select>
  */
-const Select = Object.assign(Select$1, {
+const SelectComponent = Object.assign(Select, {
     Option: SelectOption,
     Optgroup: SelectOptgroup,
 });
-Select.Option.displayName = 'Select.Option';
-Select.Optgroup.displayName = 'Select.Optgroup';
+SelectComponent.Option.displayName = 'Select.Option';
+SelectComponent.Optgroup.displayName = 'Select.Optgroup';
 
-export { Select, SelectOptgroup, SelectOption };
+export { SelectComponent as Select, SelectOptgroup, SelectOption };

package/dist/esm/components/select/select-optgroup.js

@@ -8,10 +8,10 @@ import { forwardRef } from 'react';
  *
  * @example
  * <Select>
- *   <Select.Optgroup label='Group 1'>
- *     <Select.Option value='1'>Option 1</Select.Option>
- *     <Select.Option value='2'>Option 2</Select.Option>
- *   </Select.Optgroup>
+ *   <SelectOptgroup label='Group 1'>
+ *     <SelectOption value='1'>Option 1</SelectOption>
+ *     <SelectOption value='2'>Option 2</SelectOption>
+ *   </SelectOptgroup>
  * </Select>
  */
 const SelectOptgroup = forwardRef(function SelectOptgroup({ asChild, ...rest }, ref) {

package/dist/esm/components/select/select-option.js

@@ -8,8 +8,8 @@ import { forwardRef } from 'react';
  *
  * @example
  * <Select>
- *   <Select.Option value='1'>Option 1</Select.Option>
- *   <Select.Option value='2'>Option 2</Select.Option>
+ *   <SelectOption value='1'>Option 1</SelectOption>
+ *   <SelectOption value='2'>Option 2</SelectOption>
  * </Select>
  */
 const SelectOption = forwardRef(function SelectOption({ asChild, ...rest }, ref) {