@digdir/designsystemet-react 0.0.0-deps-tsdown-20260421103939

package/dist/types/components/popover/popover-trigger.d.ts

@@ -0,0 +1,44 @@
+import { type ButtonHTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+import { type ButtonProps } from '../button/button';
+export type PopoverTriggerProps = ({
+    /**
+     * Will render the trigger as inline text.
+     * @default false
+     */
+    inline?: true;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & ButtonHTMLAttributes<HTMLButtonElement> & DefaultProps) | ({
+    /**
+     * Will render the trigger as inline text.
+     * @default false
+     */
+    inline?: false;
+} & ButtonProps);
+/**
+ * PopoverTrigger component, used to trigger a popover.
+ *
+ * @example
+ * <PopoverTriggerContext>
+ *   <PopoverTrigger>Open Popover</PopoverTrigger>
+ *   <Popover>
+ *     Content
+ *   </Popover>
+ * </PopoverTriggerContext>
+ *
+ * @example inline
+ * <PopoverTriggerContext>
+ *   <Paragraph>
+ *    We can use it <PopoverTrigger inline={true}>inline</PopoverTrigger>.
+ *   </Paragraph>
+ *   <Popover>
+ *     Content
+ *   </Popover>
+ * </PopoverTriggerContext>
+ */
+export declare const PopoverTrigger: import("react").ForwardRefExoticComponent<PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=popover-trigger.d.ts.map

package/dist/types/components/popover/popover-trigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-trigger.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover-trigger.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,oBAAoB,EAI1B,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAG5D,MAAM,MAAM,mBAAmB,GAC3B,CAAC;IACC;;;OAGG;IACH,MAAM,CAAC,EAAE,IAAI,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GACzC,YAAY,CAAC,GACf,CAAC;IACC;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC;CAChB,GAAG,WAAW,CAAC,CAAC;AAErB;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,cAAc,mHAqBzB,CAAC"}

package/dist/types/components/popover/popover.d.ts

@@ -0,0 +1,111 @@
+import type { Color, SeverityColors } from '@digdir/designsystemet-types';
+import type { HTMLAttributes } from 'react';
+import '@digdir/designsystemet-web';
+import type { DefaultProps, Placement } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type PopoverProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
+    /**
+     * id to connect the trigger with the popover - required when not using Popover.Context.
+     */
+    id?: string;
+    /**
+     * Placement of the popover on the trigger.
+     * @default 'top'
+     */
+    placement?: Placement;
+    /**
+     * When a boolean is provided, the popover will be controlled.
+     * @default undefined
+     */
+    open?: boolean;
+    /**
+     * Change the background color of the popover.
+     *
+     * @default 'default'
+     */
+    variant?: 'default' | 'tinted';
+    /**
+     * Change the color scheme of the popover
+     */
+    'data-color'?: Color | SeverityColors;
+    /**
+     * Callback when the popover wants to open.
+     */
+    onOpen?: () => void;
+    /**
+     * Callback when the popover wants to close.
+     */
+    onClose?: () => void;
+    /**
+     * Whether to enable auto placement.
+     * @default true
+     */
+    autoPlacement?: boolean;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+}>;
+/**
+ * Popover component, used to display content in a popover over an element.
+ *
+ * @example with TriggerContext
+ * <Popover.TriggerContext>
+ *   <Popover.Trigger>Open Popover</Popover.Trigger>
+ *   <Popover>
+ *     Content
+ *   </Popover>
+ * </Popover.TriggerContext>
+ *
+ * @example without TriggerContext
+ * <Button popovertarget="my-popover">Open Popover</Button>
+ * <Popover id="my-popover">
+ *   Content
+ * </Popover>
+ */
+export declare const Popover: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLDivElement>, "id" | "data-color" | "variant" | "asChild" | "open" | "placement" | "onClose" | "onOpen" | "autoPlacement"> & {
+    /**
+     * id to connect the trigger with the popover - required when not using Popover.Context.
+     */
+    id?: string;
+    /**
+     * Placement of the popover on the trigger.
+     * @default 'top'
+     */
+    placement?: Placement;
+    /**
+     * When a boolean is provided, the popover will be controlled.
+     * @default undefined
+     */
+    open?: boolean;
+    /**
+     * Change the background color of the popover.
+     *
+     * @default 'default'
+     */
+    variant?: "default" | "tinted";
+    /**
+     * Change the color scheme of the popover
+     */
+    'data-color'?: Color | SeverityColors;
+    /**
+     * Callback when the popover wants to open.
+     */
+    onOpen?: () => void;
+    /**
+     * Callback when the popover wants to close.
+     */
+    onClose?: () => void;
+    /**
+     * Whether to enable auto placement.
+     * @default true
+     */
+    autoPlacement?: boolean;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=popover.d.ts.map

package/dist/types/components/popover/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAG1E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAIlD,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,EAC7C;IACE;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,cAAc,CAAC;IACtC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AAEH,eAAO,MAAM,OAAO;IA/DhB;;OAEG;SACE,MAAM;IACX;;;OAGG;gBACS,SAAS;IACrB;;;OAGG;WACI,OAAO;IACd;;;;OAIG;cACO,SAAS,GAAG,QAAQ;IAC9B;;OAEG;mBACY,KAAK,GAAG,cAAc;IACrC;;OAEG;aACM,MAAM,IAAI;IACnB;;OAEG;cACO,MAAM,IAAI;IACpB;;;OAGG;oBACa,OAAO;IACvB;;;OAGG;cACO,OAAO;kDA6GpB,CAAC"}

package/dist/types/components/radio/radio.d.ts

@@ -0,0 +1,34 @@
+import type { ReactNode } from 'react';
+import type { DefaultProps, LabelRequired } from '../../types';
+import type { MergeRight } from '../../utilities';
+import { type InputProps } from '../input/input';
+export type RadioProps = MergeRight<DefaultProps & Omit<InputProps, 'type' | 'role' | 'size'>, {
+    /**
+     * Optional aria-label
+     **/
+    'aria-label'?: string;
+    /**
+     * Radio label
+     */
+    label?: ReactNode;
+    /**
+     * Description for field
+     */
+    description?: ReactNode;
+    /**
+     * Value of the `input` element
+     */
+    value?: InputProps['value'];
+    /**
+     * Error message for field
+     */
+    error?: ReactNode;
+} & LabelRequired>;
+/**
+ * Radio used to select multiple options.
+ *
+ * @example
+ * <Radio label="I agree" value="agree" />
+ */
+export declare const Radio: import("react").ForwardRefExoticComponent<RadioProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=radio.d.ts.map

package/dist/types/components/radio/radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/components/radio/radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIxD,MAAM,MAAM,UAAU,GAAG,UAAU,CACjC,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,EACzD;IACE;;QAEI;IACJ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,GAAG,aAAa,CAClB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,KAAK,yGAqBhB,CAAC"}

package/dist/types/components/search/index.d.ts

@@ -0,0 +1,58 @@
+import { Search as SearchRoot } from './search';
+import { SearchButton } from './search-button';
+import { SearchClear } from './search-clear';
+import { SearchInput } from './search-input';
+type Search = typeof SearchRoot & {
+    /**
+     * Search.Clear component, used to display a clear button when the search input is not empty.
+     *
+     * @example
+     * <Search>
+     *   <Search.Input aria-label='Søk' />
+     *   <Search.Clear />
+     * </Search>
+     */
+    Clear: typeof SearchClear;
+    /**
+     * Search.Button component, used to display a search button within a Search component.
+     *
+     * @example
+     * <Search>
+     *   <Search.Input aria-label='Søk' />
+     *   <Search.Button>Søk</Search.Button>
+     * </Search>
+     */
+    Button: typeof SearchButton;
+    /**
+     * Search.Input component, used to display a search input within the Search component.
+     *
+     * @example
+     * <Search>
+     *   <Search.Input aria-label='Søk' />
+     * </Search>
+     */
+    Input: typeof SearchInput;
+};
+/**
+ * Search component, use to display different variations of a search input
+ *
+ * @example with button
+ * <Search>
+ *   <Search.Input aria-label='Søk' />
+ *   <Search.Clear />
+ *   <Search.Button />
+ * </Search>
+ *
+ * @example with icon
+ * <Search>
+ *   <Search.Input aria-label='Søk' />
+ *   <Search.Clear />
+ * </Search>
+ */
+declare const SearchComponent: Search;
+export type { SearchProps } from './search';
+export type { SearchButtonProps } from './search-button';
+export type { SearchClearProps } from './search-clear';
+export type { SearchInputProps } from './search-input';
+export { SearchButton, SearchClear, SearchComponent as Search, SearchInput };
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/search/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/search/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,KAAK,MAAM,GAAG,OAAO,UAAU,GAAG;IAChC;;;;;;;;OAQG;IACH,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B;;;;;;;;OAQG;IACH,MAAM,EAAE,OAAO,YAAY,CAAC;IAC5B;;;;;;;OAOG;IACH,KAAK,EAAE,OAAO,WAAW,CAAC;CAC3B,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,eAAe,EAAE,MAIrB,CAAC;AAMH,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,eAAe,IAAI,MAAM,EAAE,WAAW,EAAE,CAAC"}

package/dist/types/components/search/search-button.d.ts

@@ -0,0 +1,36 @@
+import { type ReactNode } from 'react';
+import type { MergeRight } from '../../utilities';
+import { type ButtonProps } from '../button/button';
+export type SearchButtonProps = MergeRight<ButtonProps, {
+    /**
+     * Variant of the button
+     * @default 'primary'
+     */
+    variant?: 'primary' | 'secondary';
+    /**
+     * Children of the button
+     * @default 'Søk'
+     */
+    children?: ReactNode;
+}>;
+/**
+ * SearchButton component, used to display a search button within a Search component.
+ *
+ * @example
+ * <Search>
+ *   <SearchInput aria-label='Søk' />
+ *   <SearchButton>Søk</SearchButton>
+ * </Search>
+ */
+export declare const SearchButton: import("react").ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "command" | "commandfor" | "commandFor">, "type" | "data-color" | "command" | "commandfor" | "commandFor" | "variant" | "icon" | "loading" | "asChild"> & {
+    variant?: "primary" | "secondary" | "tertiary";
+    'data-color'?: import("packages/types/dist/types").Color | Extract<import("packages/types/dist/types").SeverityColors, "danger">;
+    icon?: boolean;
+    loading?: boolean | ReactNode;
+    asChild?: boolean;
+    type?: import("react").ButtonHTMLAttributes<HTMLButtonElement>["type"];
+    command?: string;
+    commandfor?: string;
+    commandFor?: string;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=search-button.d.ts.map

package/dist/types/components/search/search-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-button.d.ts","sourceRoot":"","sources":["../../../src/components/search/search-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,MAAM,iBAAiB,GAAG,UAAU,CACxC,WAAW,EACX;IACE;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CACF,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;qDAQxB,CAAC"}

package/dist/types/components/search/search-clear.d.ts

@@ -0,0 +1,25 @@
+import { type ButtonProps } from '../button/button';
+export type SearchClearProps = Omit<ButtonProps, 'variant' | 'children'> & {
+    /**
+     * Aria label for the clear button
+     * @default 'Tøm'
+     */
+    'aria-label'?: string;
+};
+/**
+ * SearchClear component, used to display a clear button when the search input is not empty.
+ *
+ * @example
+ * <Search>
+ *   <SearchInput aria-label='Søk' />
+ *   <SearchClear />
+ * </Search>
+ */
+export declare const SearchClear: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "children" | "variant"> & {
+    /**
+     * Aria label for the clear button
+     * @default 'Tøm'
+     */
+    'aria-label'?: string;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=search-clear.d.ts.map

package/dist/types/components/search/search-clear.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-clear.d.ts","sourceRoot":"","sources":["../../../src/components/search/search-clear.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAI5D,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,UAAU,CAAC,GAAG;IACzE;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW;IAhBtB;;;OAGG;mBACY,MAAM;qDA4CtB,CAAC"}

package/dist/types/components/search/search-input.d.ts

@@ -0,0 +1,13 @@
+import { type InputHTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+export type SearchInputProps = DefaultProps & Omit<InputHTMLAttributes<HTMLInputElement>, 'readOnly' | 'type'>;
+/**
+ * SearchInput component, used to display a search input within the Search component.
+ *
+ * @example
+ * <Search>
+ *   <SearchInput aria-label='Søk' />
+ * </Search>
+ */
+export declare const SearchInput: import("react").ForwardRefExoticComponent<DefaultProps & Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "readOnly"> & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=search-input.d.ts.map

package/dist/types/components/search/search-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../../src/components/search/search-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,MAAM,MAAM,gBAAgB,GAAG,YAAY,GACzC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC;AAEnE;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,8KAYvB,CAAC"}

package/dist/types/components/search/search.d.ts

@@ -0,0 +1,21 @@
+import { type HTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+export type SearchProps = DefaultProps & HTMLAttributes<HTMLDivElement>;
+/**
+ * Search component, use to display different variations of a search input
+ *
+ * @example with button
+ * <Search>
+ *   <Search.Input aria-label='Søk' />
+ *   <Search.Clear />
+ *   <Search.Button />
+ * </Search>
+ *
+ * @example with icon
+ * <Search>
+ *   <Search.Input aria-label='Søk' />
+ *   <Search.Clear />
+ * </Search>
+ */
+export declare const Search: import("react").ForwardRefExoticComponent<DefaultProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=search.d.ts.map

package/dist/types/components/search/search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../src/components/search/search.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAExE;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM,0IAKjB,CAAC"}

package/dist/types/components/select/index.d.ts

@@ -0,0 +1,42 @@
+import { Select as SelectParent } from './select';
+import { SelectOptgroup } from './select-optgroup';
+import { SelectOption } from './select-option';
+type Select = typeof SelectParent & {
+    /**
+     * Select.Option component, used to display a native option within a select.
+     *
+     * @example
+     * <Select>
+     *   <Select.Option value='1'>Option 1</Select.Option>
+     *   <Select.Option value='2'>Option 2</Select.Option>
+     * </Select>
+     */
+    Option: typeof SelectOption;
+    /**
+     * Select.Optgroup component, used to display a native optgroup within a select.
+     *
+     * @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>
+     * </Select>
+     */
+    Optgroup: typeof SelectOptgroup;
+};
+/**
+ * Select component, used to display a native select.
+ *
+ * @example
+ * <Select>
+ *   <Select.Option value='1'>Option 1</Select.Option>
+ *   <Select.Option value='2'>Option 2</Select.Option>
+ * </Select>
+ */
+declare const SelectComponent: Select;
+export type { SelectProps } from './select';
+export type { SelectOptgroupProps } from './select-optgroup';
+export type { SelectOptionProps } from './select-option';
+export { SelectComponent as Select, SelectOptgroup, SelectOption };
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,KAAK,MAAM,GAAG,OAAO,YAAY,GAAG;IAClC;;;;;;;;OAQG;IACH,MAAM,EAAE,OAAO,YAAY,CAAC;IAC5B;;;;;;;;;;OAUG;IACH,QAAQ,EAAE,OAAO,cAAc,CAAC;CACjC,CAAC;AAEF;;;;;;;;GAQG;AACH,QAAA,MAAM,eAAe,EAAE,MAGrB,CAAC;AAKH,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,CAAC"}

package/dist/types/components/select/select-optgroup.d.ts

@@ -0,0 +1,27 @@
+import type { OptgroupHTMLAttributes } from 'react';
+export type SelectOptgroupProps = {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & OptgroupHTMLAttributes<HTMLOptGroupElement>;
+/**
+ * SelectOptgroup component, used to display a native optgroup within a select.
+ *
+ * @example
+ * <Select>
+ *   <SelectOptgroup label='Group 1'>
+ *     <SelectOption value='1'>Option 1</SelectOption>
+ *     <SelectOption value='2'>Option 2</SelectOption>
+ *   </SelectOptgroup>
+ * </Select>
+ */
+export declare const SelectOptgroup: import("react").ForwardRefExoticComponent<{
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & OptgroupHTMLAttributes<HTMLOptGroupElement> & import("react").RefAttributes<HTMLOptGroupElement>>;
+//# sourceMappingURL=select-optgroup.d.ts.map

package/dist/types/components/select/select-optgroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-optgroup.d.ts","sourceRoot":"","sources":["../../../src/components/select/select-optgroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAGpD,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;AAEhD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc;IAlBzB;;;OAGG;cACO,OAAO;qGAqBjB,CAAC"}

package/dist/types/components/select/select-option.d.ts

@@ -0,0 +1,25 @@
+import type { OptionHTMLAttributes } from 'react';
+export type SelectOptionProps = {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & OptionHTMLAttributes<HTMLOptionElement>;
+/**
+ * SelectOption component, used to display a native option within a select.
+ *
+ * @example
+ * <Select>
+ *   <SelectOption value='1'>Option 1</SelectOption>
+ *   <SelectOption value='2'>Option 2</SelectOption>
+ * </Select>
+ */
+export declare const SelectOption: import("react").ForwardRefExoticComponent<{
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & OptionHTMLAttributes<HTMLOptionElement> & import("react").RefAttributes<HTMLOptionElement>>;
+//# sourceMappingURL=select-option.d.ts.map

package/dist/types/components/select/select-option.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-option.d.ts","sourceRoot":"","sources":["../../../src/components/select/select-option.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAGlD,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY;IAhBvB;;;OAGG;cACO,OAAO;+FAkBlB,CAAC"}

package/dist/types/components/select/select.d.ts

@@ -0,0 +1,40 @@
+import type { SelectHTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type SelectProps = MergeRight<Omit<DefaultProps, 'data-color'> & Omit<SelectHTMLAttributes<HTMLSelectElement>, 'multiple' | 'size'>, // Also Omit size as this sets amount of visible options in multiselect
+{
+    /**
+     * Defines if the select is readOnly
+     * @deprecated Use `aria-readonly` instead.
+     * @default false
+     */
+    readOnly?: boolean;
+    /**
+     * Defines the width of Select, where "auto" matches the content width.
+     * @default full
+     */
+    width?: 'full' | 'auto';
+}>;
+/**
+ * Select component, used to display a native select.
+ *
+ * @example
+ * <Select>
+ *   <Select.Option value='1'>Option 1</Select.Option>
+ *   <Select.Option value='2'>Option 2</Select.Option>
+ * </Select>
+ */
+export declare const Select: import("react").ForwardRefExoticComponent<Omit<Omit<DefaultProps, "data-color"> & Omit<SelectHTMLAttributes<HTMLSelectElement>, "multiple" | "size">, "readOnly" | "width"> & {
+    /**
+     * Defines if the select is readOnly
+     * @deprecated Use `aria-readonly` instead.
+     * @default false
+     */
+    readOnly?: boolean;
+    /**
+     * Defines the width of Select, where "auto" matches the content width.
+     * @default full
+     */
+    width?: "full" | "auto";
+} & import("react").RefAttributes<HTMLSelectElement>>;
+//# sourceMappingURL=select.d.ts.map

package/dist/types/components/select/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,GAC9B,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,EAAE,uEAAuE;AAC7I;IACE;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB,CACF,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,MAAM;IAvBf;;;;OAIG;eACQ,OAAO;IAClB;;;OAGG;YACK,MAAM,GAAG,MAAM;qDA6B1B,CAAC"}

package/dist/types/components/skeleton/skeleton.d.ts

@@ -0,0 +1,54 @@
+import { type HTMLAttributes } from 'react';
+export type SkeletonProps = {
+    /**
+     * The width of the component
+     */
+    width?: string | number;
+    /**
+     * The height of the component
+     */
+    height?: string | number;
+    /**
+     * The shape variant
+     * @default 'rectangle'
+     */
+    variant?: 'rectangle' | 'circle' | 'text';
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+    /** @deprecated This prop has no effect. Use `width` or supply text as children instead */
+    characters?: number;
+} & HTMLAttributes<HTMLSpanElement>;
+/**
+ * Skeleton is used to represent a draft of page while the content loads.
+ *
+ * @example
+ * <Skeleton variant="circle" />
+ * <Skeleton variant="text" />
+ * <Skeleton variant="rectangle" />
+ */
+export declare const Skeleton: import("react").ForwardRefExoticComponent<{
+    /**
+     * The width of the component
+     */
+    width?: string | number;
+    /**
+     * The height of the component
+     */
+    height?: string | number;
+    /**
+     * The shape variant
+     * @default 'rectangle'
+     */
+    variant?: "rectangle" | "circle" | "text";
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+    /** @deprecated This prop has no effect. Use `width` or supply text as children instead */
+    characters?: number;
+} & HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=skeleton.d.ts.map

package/dist/types/components/skeleton/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/skeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAIxD,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC1C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0FAA0F;IAC1F,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAEpC;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ;IA9BnB;;OAEG;YACK,MAAM,GAAG,MAAM;IACvB;;OAEG;aACM,MAAM,GAAG,MAAM;IACxB;;;OAGG;cACO,WAAW,GAAG,QAAQ,GAAG,MAAM;IACzC;;;OAGG;cACO,OAAO;IACjB,0FAA0F;iBAC7E,MAAM;qFA2CpB,CAAC"}

package/dist/types/components/skip-link/skip-link.d.ts

@@ -0,0 +1,31 @@
+import { type AnchorHTMLAttributes, type ReactNode } from 'react';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type SkipLinkProps = MergeRight<DefaultProps & AnchorHTMLAttributes<HTMLAnchorElement>, {
+    /**
+     * The content to display inside the skiplink.
+     */
+    children: ReactNode;
+    /**
+     * Href of an element in the DOM the skiplink should skip to. E.g #main-content
+     */
+    href: string;
+}>;
+/**
+ * SkipLink component, used to display a skip link within the page.
+ * Place it at the top of the page to allow users to skip to the main content.
+ *
+ * @example
+ * <SkipLink href='#main-content'>Skip to main content</SkipLink>
+ */
+export declare const SkipLink: import("react").ForwardRefExoticComponent<Omit<DefaultProps & AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "href"> & {
+    /**
+     * The content to display inside the skiplink.
+     */
+    children: ReactNode;
+    /**
+     * Href of an element in the DOM the skiplink should skip to. E.g #main-content
+     */
+    href: string;
+} & import("react").RefAttributes<HTMLAnchorElement>>;
+//# sourceMappingURL=skip-link.d.ts.map

package/dist/types/components/skip-link/skip-link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skip-link.d.ts","sourceRoot":"","sources":["../../../src/components/skip-link/skip-link.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,oBAAoB,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,aAAa,GAAG,UAAU,CACpC,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,EACtD;IACE;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;CACd,CACF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ;IAlBjB;;OAEG;cACO,SAAS;IACnB;;OAEG;UACG,MAAM;qDAmBf,CAAC"}