@latty-ds/react 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Latty Contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,115 @@
+# @latty-ds/react
+
+React wrappers for the Latty design system — typed React components backed by `@latty-ds/web`.
+
+Each component is a thin wrapper that forwards props to the underlying Web Component, handles React's synthetic event system, and provides full TypeScript types.
+
+## Requirements
+
+- React 18 or 19
+- `@latty-ds/tokens` and `@latty-ds/web` must be installed and their CSS imported
+
+## Installation
+
+```bash
+pnpm add @latty-ds/tokens @latty-ds/web @latty-ds/react
+```
+
+## Setup
+
+Import the CSS tokens once in your app entry point:
+
+```css
+/* your global stylesheet */
+@import '@latty-ds/tokens/tokens.css';
+@import '@latty-ds/tokens/semantic.css';
+```
+
+## Usage
+
+```tsx
+import { Button, Textfield, Badge, Spinner } from '@latty-ds/react';
+
+function App() {
+  return (
+    <form>
+      <Textfield label="Email" type="email" required />
+      <Button variant="primary" onClick={() => console.log('saved')}>
+        Save changes
+      </Button>
+      <Badge variant="success">Active</Badge>
+    </form>
+  );
+}
+```
+
+### Events
+
+React wrappers map custom events to `onEventName` props:
+
+```tsx
+<Button onClick={handleClick}>Click me</Button>
+<Switch onChange={handleChange} />
+<Textfield onInput={handleInput} />
+```
+
+### All components
+
+All components from `@latty-ds/web` are available as named exports:
+
+```ts
+import {
+  Accordion,
+  Alert,
+  Avatar,
+  Badge,
+  Breadcrumb,
+  BreadcrumbItem,
+  Button,
+  Checkbox,
+  Chip,
+  Dialog,
+  Divider,
+  Dropdown,
+  Header,
+  Link,
+  List,
+  Nav,
+  Progress,
+  Radio,
+  RadioGroup,
+  Select,
+  Skeleton,
+  Slider,
+  Snackbar,
+  Spinner,
+  Surface,
+  Switch,
+  Tab,
+  TabGroup,
+  Table,
+  Text,
+  Textfield,
+  Tooltip
+} from '@latty-ds/react';
+```
+
+### TypeScript
+
+All components are fully typed. Props mirror the Web Component's properties:
+
+```tsx
+import type { ButtonProps } from '@latty-ds/react';
+
+function MyButton(props: ButtonProps) {
+  return <Button {...props} />;
+}
+```
+
+## How it works
+
+The wrappers are auto-generated from `custom-elements.json` (the Custom Elements Manifest produced by `@latty-ds/web`). Run `pnpm codegen:wrappers` in the repo root after modifying web components to regenerate them.
+
+## License
+
+MIT

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,20 @@
+import { type HTMLAttributes } from 'react';
+import type { Accordion as AccordionEl, LattyIconName } from '@latty-ds/web';
+export type AccordionProps = Omit<HTMLAttributes<AccordionEl>, 'onToggle'> & {
+    label?: string;
+    iconStart?: LattyIconName;
+    appearance?: AccordionEl['appearance'];
+    open?: boolean;
+    disabled?: boolean;
+    uppercase?: boolean;
+    onToggle?: (event: CustomEvent) => void;
+};
+export declare const Accordion: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<AccordionEl>, "onToggle"> & {
+    label?: string;
+    iconStart?: LattyIconName;
+    appearance?: AccordionEl["appearance"];
+    open?: boolean;
+    disabled?: boolean;
+    uppercase?: boolean;
+    onToggle?: (event: CustomEvent) => void;
+} & import("react").RefAttributes<AccordionEl>>;

package/dist/components/Accordion/index.d.ts

@@ -0,0 +1 @@
+export { Accordion, type AccordionProps } from './Accordion';

package/dist/components/Alert/Alert.d.ts

@@ -0,0 +1,22 @@
+import { type HTMLAttributes } from 'react';
+import type { Alert as AlertEl, LattyIconName } from '@latty-ds/web';
+export type AlertProps = HTMLAttributes<AlertEl> & {
+    variant?: AlertEl['variant'];
+    appearance?: AlertEl['appearance'];
+    title?: string;
+    icon?: LattyIconName;
+    closable?: boolean;
+    background?: string;
+    uppercase?: boolean;
+    onClose?: (event: CustomEvent) => void;
+};
+export declare const Alert: import("react").ForwardRefExoticComponent<HTMLAttributes<AlertEl> & {
+    variant?: AlertEl["variant"];
+    appearance?: AlertEl["appearance"];
+    title?: string;
+    icon?: LattyIconName;
+    closable?: boolean;
+    background?: string;
+    uppercase?: boolean;
+    onClose?: (event: CustomEvent) => void;
+} & import("react").RefAttributes<AlertEl>>;

package/dist/components/Alert/index.d.ts

@@ -0,0 +1 @@
+export { Alert, type AlertProps } from './Alert';

package/dist/components/Avatar/Avatar.d.ts

@@ -0,0 +1,18 @@
+import { type HTMLAttributes } from 'react';
+import type { Avatar as AvatarEl } from '@latty-ds/web';
+export type AvatarProps = HTMLAttributes<AvatarEl> & {
+    src?: string;
+    name?: string;
+    alt?: string;
+    size?: AvatarEl['size'];
+    shape?: AvatarEl['shape'];
+    color?: AvatarEl['color'];
+};
+export declare const Avatar: import("react").ForwardRefExoticComponent<HTMLAttributes<AvatarEl> & {
+    src?: string;
+    name?: string;
+    alt?: string;
+    size?: AvatarEl["size"];
+    shape?: AvatarEl["shape"];
+    color?: AvatarEl["color"];
+} & import("react").RefAttributes<AvatarEl>>;

package/dist/components/Avatar/index.d.ts

@@ -0,0 +1 @@
+export { Avatar, type AvatarProps } from './Avatar';

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,16 @@
+import { type HTMLAttributes } from 'react';
+import type { Badge as BadgeEl } from '@latty-ds/web';
+export type BadgeProps = HTMLAttributes<BadgeEl> & {
+    appearance?: BadgeEl['appearance'];
+    variant?: BadgeEl['variant'];
+    size?: BadgeEl['size'];
+    content?: string;
+    dot?: boolean;
+};
+export declare const Badge: import("react").ForwardRefExoticComponent<HTMLAttributes<BadgeEl> & {
+    appearance?: BadgeEl["appearance"];
+    variant?: BadgeEl["variant"];
+    size?: BadgeEl["size"];
+    content?: string;
+    dot?: boolean;
+} & import("react").RefAttributes<BadgeEl>>;

package/dist/components/Badge/index.d.ts

@@ -0,0 +1 @@
+export { Badge, type BadgeProps } from './Badge';

package/dist/components/Breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,8 @@
+import { type HTMLAttributes } from 'react';
+import type { Breadcrumb as BreadcrumbEl } from '@latty-ds/web';
+export type BreadcrumbProps = HTMLAttributes<BreadcrumbEl> & {
+    separator?: string;
+};
+export declare const Breadcrumb: import("react").ForwardRefExoticComponent<HTMLAttributes<BreadcrumbEl> & {
+    separator?: string;
+} & import("react").RefAttributes<BreadcrumbEl>>;

package/dist/components/Breadcrumb/index.d.ts

@@ -0,0 +1 @@
+export { Breadcrumb, type BreadcrumbProps } from './Breadcrumb';

package/dist/components/BreadcrumbItem/BreadcrumbItem.d.ts

@@ -0,0 +1,12 @@
+import { type HTMLAttributes } from 'react';
+import type { BreadcrumbItem as BreadcrumbItemEl } from '@latty-ds/web';
+export type BreadcrumbItemProps = HTMLAttributes<BreadcrumbItemEl> & {
+    href?: string;
+    current?: boolean;
+    separator?: string;
+};
+export declare const BreadcrumbItem: import("react").ForwardRefExoticComponent<HTMLAttributes<BreadcrumbItemEl> & {
+    href?: string;
+    current?: boolean;
+    separator?: string;
+} & import("react").RefAttributes<BreadcrumbItemEl>>;

package/dist/components/BreadcrumbItem/index.d.ts

@@ -0,0 +1 @@
+export { BreadcrumbItem, type BreadcrumbItemProps } from './BreadcrumbItem';

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,34 @@
+import { type HTMLAttributes } from 'react';
+import type { Button as ButtonEl, LattyIconName } from '@latty-ds/web';
+export type ButtonProps = HTMLAttributes<ButtonEl> & {
+    formAssociated?: boolean;
+    variant?: ButtonEl['variant'];
+    appearance?: ButtonEl['appearance'];
+    size?: ButtonEl['size'];
+    disabled?: boolean;
+    loading?: boolean;
+    iconStart?: LattyIconName;
+    iconEnd?: LattyIconName;
+    fullWidth?: boolean;
+    uppercase?: boolean;
+    href?: string;
+    target?: string;
+    rel?: string;
+    type?: ButtonEl['type'];
+};
+export declare const Button: import("react").ForwardRefExoticComponent<HTMLAttributes<ButtonEl> & {
+    formAssociated?: boolean;
+    variant?: ButtonEl["variant"];
+    appearance?: ButtonEl["appearance"];
+    size?: ButtonEl["size"];
+    disabled?: boolean;
+    loading?: boolean;
+    iconStart?: LattyIconName;
+    iconEnd?: LattyIconName;
+    fullWidth?: boolean;
+    uppercase?: boolean;
+    href?: string;
+    target?: string;
+    rel?: string;
+    type?: ButtonEl["type"];
+} & import("react").RefAttributes<ButtonEl>>;

package/dist/components/Button/index.d.ts

@@ -0,0 +1 @@
+export { Button, type ButtonProps } from './Button';

package/dist/components/Calendar/Calendar.d.ts

@@ -0,0 +1,34 @@
+import { type HTMLAttributes } from 'react';
+import type { Calendar as CalendarEl } from '@latty-ds/web';
+export type CalendarProps = Omit<HTMLAttributes<CalendarEl>, 'onChange'> & {
+    mode?: CalendarEl['mode'];
+    value?: string;
+    valueStart?: string;
+    valueEnd?: string;
+    min?: string;
+    max?: string;
+    locale?: string;
+    weekStart?: CalendarEl['weekStart'];
+    showOutsideDays?: boolean;
+    disabled?: boolean;
+    months?: number;
+    disabledDates?: CalendarEl['disabledDates'];
+    onChange?: (event: CustomEvent) => void;
+    onMonthChange?: (event: CustomEvent) => void;
+};
+export declare const Calendar: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<CalendarEl>, "onChange"> & {
+    mode?: CalendarEl["mode"];
+    value?: string;
+    valueStart?: string;
+    valueEnd?: string;
+    min?: string;
+    max?: string;
+    locale?: string;
+    weekStart?: CalendarEl["weekStart"];
+    showOutsideDays?: boolean;
+    disabled?: boolean;
+    months?: number;
+    disabledDates?: CalendarEl["disabledDates"];
+    onChange?: (event: CustomEvent) => void;
+    onMonthChange?: (event: CustomEvent) => void;
+} & import("react").RefAttributes<CalendarEl>>;

package/dist/components/Calendar/index.d.ts

@@ -0,0 +1 @@
+export { Calendar, type CalendarProps } from './Calendar';

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,28 @@
+import { type HTMLAttributes } from 'react';
+import type { Checkbox as CheckboxEl } from '@latty-ds/web';
+export type CheckboxProps = Omit<HTMLAttributes<CheckboxEl>, 'onChange'> & {
+    variant?: CheckboxEl['variant'];
+    size?: CheckboxEl['size'];
+    checked?: boolean;
+    indeterminate?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    label?: string;
+    labelPosition?: CheckboxEl['labelPosition'];
+    name?: string;
+    value?: string;
+    onChange?: (event: CustomEvent) => void;
+};
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<CheckboxEl>, "onChange"> & {
+    variant?: CheckboxEl["variant"];
+    size?: CheckboxEl["size"];
+    checked?: boolean;
+    indeterminate?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    label?: string;
+    labelPosition?: CheckboxEl["labelPosition"];
+    name?: string;
+    value?: string;
+    onChange?: (event: CustomEvent) => void;
+} & import("react").RefAttributes<CheckboxEl>>;

package/dist/components/Checkbox/index.d.ts

@@ -0,0 +1 @@
+export { Checkbox, type CheckboxProps } from './Checkbox';

package/dist/components/Chip/Chip.d.ts

@@ -0,0 +1,20 @@
+import { type HTMLAttributes } from 'react';
+import type { Chip as ChipEl } from '@latty-ds/web';
+export type ChipProps = HTMLAttributes<ChipEl> & {
+    appearance?: ChipEl['appearance'];
+    variant?: ChipEl['variant'];
+    size?: ChipEl['size'];
+    disabled?: boolean;
+    deletable?: boolean;
+    background?: string;
+    onDelete?: (event: CustomEvent) => void;
+};
+export declare const Chip: import("react").ForwardRefExoticComponent<HTMLAttributes<ChipEl> & {
+    appearance?: ChipEl["appearance"];
+    variant?: ChipEl["variant"];
+    size?: ChipEl["size"];
+    disabled?: boolean;
+    deletable?: boolean;
+    background?: string;
+    onDelete?: (event: CustomEvent) => void;
+} & import("react").RefAttributes<ChipEl>>;

package/dist/components/Chip/index.d.ts

@@ -0,0 +1 @@
+export { Chip, type ChipProps } from './Chip';

package/dist/components/ColorInput/ColorInput.d.ts

@@ -0,0 +1,20 @@
+import { type HTMLAttributes } from 'react';
+import type { ColorInput as ColorInputEl } from '@latty-ds/web';
+export type ColorInputProps = Omit<HTMLAttributes<ColorInputEl>, 'onChange'> & {
+    value?: string;
+    format?: ColorInputEl['format'];
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    size?: ColorInputEl['size'];
+    onChange?: (event: CustomEvent) => void;
+};
+export declare const ColorInput: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<ColorInputEl>, "onChange"> & {
+    value?: string;
+    format?: ColorInputEl["format"];
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    size?: ColorInputEl["size"];
+    onChange?: (event: CustomEvent) => void;
+} & import("react").RefAttributes<ColorInputEl>>;

package/dist/components/ColorInput/index.d.ts

@@ -0,0 +1 @@
+export { ColorInput, type ColorInputProps } from './ColorInput';

package/dist/components/Combobox/Combobox.d.ts

@@ -0,0 +1,28 @@
+import { type HTMLAttributes } from 'react';
+import type { Combobox as ComboboxEl } from '@latty-ds/web';
+export type ComboboxProps = Omit<HTMLAttributes<ComboboxEl>, 'onChange'> & {
+    options?: ComboboxEl['options'];
+    value?: string;
+    label?: string;
+    placeholder?: string;
+    helperText?: string;
+    variant?: ComboboxEl['variant'];
+    size?: ComboboxEl['size'];
+    disabled?: boolean;
+    required?: boolean;
+    name?: string;
+    onChange?: (event: CustomEvent) => void;
+};
+export declare const Combobox: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<ComboboxEl>, "onChange"> & {
+    options?: ComboboxEl["options"];
+    value?: string;
+    label?: string;
+    placeholder?: string;
+    helperText?: string;
+    variant?: ComboboxEl["variant"];
+    size?: ComboboxEl["size"];
+    disabled?: boolean;
+    required?: boolean;
+    name?: string;
+    onChange?: (event: CustomEvent) => void;
+} & import("react").RefAttributes<ComboboxEl>>;

package/dist/components/Combobox/index.d.ts

@@ -0,0 +1 @@
+export { Combobox, type ComboboxProps } from './Combobox';

package/dist/components/DateInput/DateInput.d.ts

@@ -0,0 +1,38 @@
+import { type HTMLAttributes } from 'react';
+import type { DateInput as DateInputEl } from '@latty-ds/web';
+export type DateInputProps = Omit<HTMLAttributes<DateInputEl>, 'onChange'> & {
+    value?: string;
+    min?: string;
+    max?: string;
+    locale?: string;
+    format?: DateInputEl['format'];
+    weekStart?: DateInputEl['weekStart'];
+    label?: string;
+    placeholder?: string;
+    helperText?: string;
+    variant?: DateInputEl['variant'];
+    size?: DateInputEl['size'];
+    disabled?: boolean;
+    required?: boolean;
+    name?: string;
+    disabledDates?: DateInputEl['disabledDates'];
+    onChange?: (event: CustomEvent) => void;
+};
+export declare const DateInput: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<DateInputEl>, "onChange"> & {
+    value?: string;
+    min?: string;
+    max?: string;
+    locale?: string;
+    format?: DateInputEl["format"];
+    weekStart?: DateInputEl["weekStart"];
+    label?: string;
+    placeholder?: string;
+    helperText?: string;
+    variant?: DateInputEl["variant"];
+    size?: DateInputEl["size"];
+    disabled?: boolean;
+    required?: boolean;
+    name?: string;
+    disabledDates?: DateInputEl["disabledDates"];
+    onChange?: (event: CustomEvent) => void;
+} & import("react").RefAttributes<DateInputEl>>;

package/dist/components/DateInput/index.d.ts

@@ -0,0 +1 @@
+export { DateInput, type DateInputProps } from './DateInput';

package/dist/components/Datepicker/Datepicker.d.ts

@@ -0,0 +1,34 @@
+import { type HTMLAttributes } from 'react';
+import type { Datepicker as DatepickerEl } from '@latty-ds/web';
+export type DatepickerProps = Omit<HTMLAttributes<DatepickerEl>, 'onChange' | 'onInput'> & {
+    type?: DatepickerEl['type'];
+    value?: string;
+    min?: string;
+    max?: string;
+    label?: string;
+    helperText?: string;
+    variant?: DatepickerEl['variant'];
+    size?: DatepickerEl['size'];
+    disabled?: boolean;
+    required?: boolean;
+    readonly?: boolean;
+    name?: string;
+    onChange?: (event: CustomEvent) => void;
+    onInput?: (event: CustomEvent) => void;
+};
+export declare const Datepicker: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<DatepickerEl>, "onChange" | "onInput"> & {
+    type?: DatepickerEl["type"];
+    value?: string;
+    min?: string;
+    max?: string;
+    label?: string;
+    helperText?: string;
+    variant?: DatepickerEl["variant"];
+    size?: DatepickerEl["size"];
+    disabled?: boolean;
+    required?: boolean;
+    readonly?: boolean;
+    name?: string;
+    onChange?: (event: CustomEvent) => void;
+    onInput?: (event: CustomEvent) => void;
+} & import("react").RefAttributes<DatepickerEl>>;

package/dist/components/Datepicker/index.d.ts

@@ -0,0 +1 @@
+export { Datepicker, type DatepickerProps } from './Datepicker';

package/dist/components/Dialog/Dialog.d.ts

@@ -0,0 +1,26 @@
+import { type HTMLAttributes } from 'react';
+import type { Dialog as DialogEl } from '@latty-ds/web';
+export type DialogProps = HTMLAttributes<DialogEl> & {
+    size?: DialogEl['size'];
+    open?: boolean;
+    title?: string;
+    noCloseButton?: boolean;
+    closeOnBackdropClick?: boolean;
+    closeOnEscape?: boolean;
+    uppercase?: boolean;
+    backdropBlur?: boolean;
+    onDialogOpen?: (event: CustomEvent) => void;
+    onDialogClose?: (event: CustomEvent) => void;
+};
+export declare const Dialog: import("react").ForwardRefExoticComponent<HTMLAttributes<DialogEl> & {
+    size?: DialogEl["size"];
+    open?: boolean;
+    title?: string;
+    noCloseButton?: boolean;
+    closeOnBackdropClick?: boolean;
+    closeOnEscape?: boolean;
+    uppercase?: boolean;
+    backdropBlur?: boolean;
+    onDialogOpen?: (event: CustomEvent) => void;
+    onDialogClose?: (event: CustomEvent) => void;
+} & import("react").RefAttributes<DialogEl>>;

package/dist/components/Dialog/index.d.ts

@@ -0,0 +1 @@
+export { Dialog, type DialogProps } from './Dialog';

package/dist/components/Divider/Divider.d.ts

@@ -0,0 +1,12 @@
+import { type HTMLAttributes } from 'react';
+import type { Divider as DividerEl } from '@latty-ds/web';
+export type DividerProps = HTMLAttributes<DividerEl> & {
+    orientation?: DividerEl['orientation'];
+    appearance?: DividerEl['appearance'];
+    label?: string;
+};
+export declare const Divider: import("react").ForwardRefExoticComponent<HTMLAttributes<DividerEl> & {
+    orientation?: DividerEl["orientation"];
+    appearance?: DividerEl["appearance"];
+    label?: string;
+} & import("react").RefAttributes<DividerEl>>;

package/dist/components/Divider/index.d.ts

@@ -0,0 +1 @@
+export { Divider, type DividerProps } from './Divider';

package/dist/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,14 @@
+import { type HTMLAttributes } from 'react';
+import type { Dropdown as DropdownEl } from '@latty-ds/web';
+export type DropdownProps = HTMLAttributes<DropdownEl> & {
+    open?: boolean;
+    placement?: DropdownEl['placement'];
+    onOpen?: (event: CustomEvent) => void;
+    onClose?: (event: CustomEvent) => void;
+};
+export declare const Dropdown: import("react").ForwardRefExoticComponent<HTMLAttributes<DropdownEl> & {
+    open?: boolean;
+    placement?: DropdownEl["placement"];
+    onOpen?: (event: CustomEvent) => void;
+    onClose?: (event: CustomEvent) => void;
+} & import("react").RefAttributes<DropdownEl>>;

package/dist/components/Dropdown/index.d.ts

@@ -0,0 +1 @@
+export { Dropdown, type DropdownProps } from './Dropdown';

package/dist/components/DropdownItem/DropdownItem.d.ts

@@ -0,0 +1,14 @@
+import { type HTMLAttributes } from 'react';
+import type { DropdownItem as DropdownItemEl } from '@latty-ds/web';
+export type DropdownItemProps = HTMLAttributes<DropdownItemEl> & {
+    disabled?: boolean;
+    selected?: boolean;
+    href?: string;
+    onSelect?: (event: CustomEvent) => void;
+};
+export declare const DropdownItem: import("react").ForwardRefExoticComponent<HTMLAttributes<DropdownItemEl> & {
+    disabled?: boolean;
+    selected?: boolean;
+    href?: string;
+    onSelect?: (event: CustomEvent) => void;
+} & import("react").RefAttributes<DropdownItemEl>>;

package/dist/components/DropdownItem/index.d.ts

@@ -0,0 +1 @@
+export { DropdownItem, type DropdownItemProps } from './DropdownItem';

package/dist/components/Header/Header.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode } from 'react';
+import type { Header as HeaderEl } from '@latty-ds/web';
+export type HeaderProps = {
+    background?: HeaderEl['background'];
+    /** Far-left area — hamburger menu, back button, etc. */
+    before?: ReactNode;
+    /** Logo or brand mark, placed to the right of `before`. */
+    logo?: ReactNode;
+    /** Far-right area — user avatar, action icons, etc. */
+    after?: ReactNode;
+    /** Main content area (nav links, search…); stretches to fill available space. */
+    children?: ReactNode;
+};
+export declare const Header: import("react").ForwardRefExoticComponent<HeaderProps & import("react").RefAttributes<HeaderEl>>;

package/dist/components/Header/index.d.ts

@@ -0,0 +1 @@
+export { Header, type HeaderProps } from './Header';

package/dist/components/Icon/Icon.d.ts

@@ -0,0 +1,11 @@
+import { type HTMLAttributes } from 'react';
+import type { Icon as IconEl, LattyIconName, IconSize } from '@latty-ds/icons';
+import '@latty-ds/icons';
+export type IconProps = HTMLAttributes<IconEl> & {
+    name: LattyIconName;
+    size?: IconSize;
+};
+export declare const Icon: import("react").ForwardRefExoticComponent<HTMLAttributes<IconEl> & {
+    name: LattyIconName;
+    size?: IconSize;
+} & import("react").RefAttributes<IconEl>>;

package/dist/components/Icon/index.d.ts

@@ -0,0 +1 @@
+export { Icon, type IconProps } from './Icon';