@ishtar-sink/vega 0.0.0-stage → 0.2.0

package/dist/date-field/date-field.d.ts

@@ -0,0 +1,38 @@
+import { ComponentPropsWithRef } from 'react';
+export interface DateFieldLabels {
+    /** Texto do gatilho sem data. */
+    placeholder: string;
+    /** Botão que escolhe o dia atual. */
+    today: string;
+    /** Botão que limpa a data. */
+    clear: string;
+    /** Nome do botão do mês anterior. */
+    previous: string;
+    /** Nome do botão do próximo mês. */
+    next: string;
+    /** Sufixo do dia atual no nome acessível. */
+    todayMarker: string;
+}
+export interface DateFieldProps extends Omit<ComponentPropsWithRef<'button'>, 'onChange' | 'onBlur' | 'value' | 'defaultValue' | 'children' | 'type'> {
+    /** Rótulo visível do campo. */
+    label: string;
+    /** Data no formato `YYYY-MM-DD`, ou `''` quando vazia. */
+    value: string;
+    /** Chamado com a data escolhida (`YYYY-MM-DD`) ou `''` ao limpar. */
+    onChange: (value: string) => void;
+    /** Chamado quando o calendário fecha por clique fora, sem escolher. */
+    onBlur?: () => void;
+    /** Locale das datas. Padrão: `pt-BR`. */
+    locale?: string;
+    /** Textos do campo; o que faltar usa o padrão em pt-br, qualquer que seja o `locale`. */
+    labels?: Partial<DateFieldLabels>;
+    /** Dia atual (`YYYY-MM-DD`); padrão: a data do navegador, lida só quando a prop falta. */
+    today?: string;
+    /** Esconde o rótulo visualmente, mantendo-o para leitores de tela. */
+    hideLabel?: boolean;
+    /** Texto de ajuda abaixo do campo. */
+    help?: string;
+    /** Mensagem de erro; aparece com `role="alert"` e marca o campo como inválido. */
+    error?: string;
+}
+export declare function DateField({ label, value, onChange, onBlur, locale, labels, today, hideLabel, help, error, id, className, style, ref, ...rest }: DateFieldProps): import('react').JSX.Element;

package/dist/date-time-field/date-time-field.d.ts

@@ -0,0 +1,33 @@
+import { ComponentPropsWithRef } from 'react';
+import { DateFieldLabels } from '../date-field/date-field';
+export interface DateTimeFieldLabels extends DateFieldLabels {
+    /** Nome do campo de data. Padrão: `"<label>: data"`. */
+    date: string;
+    /** Nome do campo de hora. Padrão: `"<label>: hora (24 horas)"`. */
+    time: string;
+    /** Texto de exemplo do campo de hora. Padrão: `hh:mm`. */
+    timePlaceholder: string;
+}
+export interface DateTimeFieldProps extends Omit<ComponentPropsWithRef<'fieldset'>, 'onChange' | 'onBlur' | 'defaultValue' | 'disabled'> {
+    /** Título do grupo; também deriva os nomes das duas partes. */
+    label: string;
+    /** Data e hora no formato `YYYY-MM-DDTHH:mm`, ou `''` quando vazia. */
+    value: string;
+    /** Chamado com `YYYY-MM-DDTHH:mm`, ou `''` enquanto falta uma das partes. */
+    onChange: (value: string) => void;
+    /** Chamado quando uma das partes perde o foco. */
+    onBlur?: () => void;
+    /** Locale das datas. Padrão: `pt-BR`. */
+    locale?: string;
+    /** Textos do campo; o que faltar usa o padrão em pt-br, qualquer que seja o `locale`. */
+    labels?: Partial<DateTimeFieldLabels>;
+    /** Dia atual (`YYYY-MM-DD`); padrão: a data do navegador. */
+    today?: string;
+    /** Desabilita as duas partes. */
+    disabled?: boolean;
+    /** Texto de ajuda abaixo do campo. */
+    help?: string;
+    /** Mensagem de erro; aparece com `role="alert"` no campo de data. */
+    error?: string;
+}
+export declare function DateTimeField({ label, value, onChange, onBlur, locale, labels, today, disabled, help, error, className, ...rest }: DateTimeFieldProps): import('react').JSX.Element;

package/dist/dialog/dialog.d.ts

@@ -0,0 +1,21 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+export interface DialogProps extends Omit<ComponentPropsWithRef<'dialog'>, 'title' | 'open' | 'onClose' | 'role' | 'children'> {
+    /** Abre o diálogo como modal (`showModal()`); ao ficar `false`, fecha e devolve o foco. */
+    open: boolean;
+    /** Título do diálogo, lido como nome acessível. */
+    title: string;
+    /** Chamado no Esc, no `cancel` nativo e no clique no fundo (se `closeOnBackdrop`). */
+    onClose: () => void;
+    /** Conteúdo do corpo. */
+    children: ReactNode;
+    /** Ações do rodapé. */
+    actions: ReactNode;
+    /** Papel ARIA. Padrão: `dialog`. */
+    role?: 'dialog' | 'alertdialog';
+    /** Largura máxima. Padrão: `default`. */
+    size?: 'default' | 'wide';
+    /** Chama `onClose` ao clicar no fundo. Padrão: `false`. */
+    closeOnBackdrop?: boolean;
+}
+/** Diálogo modal genérico: corpo, ações no rodapé, foco preso e Esc entregue ao `onClose`. */
+export declare function Dialog({ open, title, onClose, children, actions, role, size, closeOnBackdrop, 'aria-describedby': describedBy, className, ref, ...rest }: DialogProps): import('react').JSX.Element | null;

package/dist/disclosure/accordion-context.d.ts

@@ -0,0 +1,5 @@
+export interface AccordionContextValue {
+    name: string;
+    onOpen: (details: HTMLDetailsElement) => void;
+}
+export declare const AccordionContext: import('react').Context<AccordionContextValue | null>;

package/dist/disclosure/accordion.d.ts

@@ -0,0 +1,3 @@
+import { AccordionProps } from './disclosure.types';
+/** Agrupa `Disclosure`: no `single`, abrir um fecha os outros do grupo. */
+export declare function Accordion({ type, ref, ...rest }: AccordionProps): import('react').JSX.Element;

package/dist/disclosure/disclosure.d.ts

@@ -0,0 +1,3 @@
+import { DisclosureProps } from './disclosure.types';
+/** Seção recolhível sobre `<details>` e `<summary>` nativos. */
+export declare function Disclosure({ title, icon, open, defaultOpen, onOpenChange, tone, className, children, ...rest }: DisclosureProps): import('react').JSX.Element;

package/dist/disclosure/disclosure.types.d.ts

@@ -0,0 +1,24 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+export type DisclosureTone = 'default' | 'accent' | 'warning' | 'info';
+export interface DisclosureProps extends Omit<ComponentPropsWithRef<'details'>, 'title' | 'open' | 'onToggle'> {
+    /** Título, exibido no resumo e lido como nome acessível. */
+    title: ReactNode;
+    /** Ícone decorativo antes do título. */
+    icon?: ReactNode;
+    /** Estado aberto. Quando definido, o componente é controlado. */
+    open?: boolean;
+    /** Estado inicial quando não controlado. Padrão: `false`. */
+    defaultOpen?: boolean;
+    /** Chamado com o novo estado; no modo controlado, o pai decide se muda `open`. */
+    onOpenChange?: (open: boolean) => void;
+    /** Tom do fundo, do título e do ícone. Padrão: `default`. */
+    tone?: DisclosureTone;
+}
+export interface AccordionProps extends ComponentPropsWithRef<'div'> {
+    /**
+     * `single` mantém só um `Disclosure` aberto (use-os não controlados); `multiple` os deixa
+     * independentes. Padrão: `multiple`.
+     */
+    type?: 'single' | 'multiple';
+    children: ReactNode;
+}

package/dist/disclosure/use-disclosure.d.ts

@@ -0,0 +1,22 @@
+import { KeyboardEvent, MouseEvent, SyntheticEvent } from 'react';
+interface Options {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+/** Estado controlado ou não do `<details>`, teclado do resumo e aviso ao `Accordion`. */
+export declare function useDisclosure({ open, defaultOpen, onOpenChange }: Options): {
+    detailsProps: {
+        open: true | undefined;
+        onToggle: (event: SyntheticEvent<HTMLDetailsElement>) => void;
+    } | {
+        open: boolean;
+        onToggle?: undefined;
+    };
+    summaryProps: {
+        onClick: (event: MouseEvent<HTMLElement>) => void;
+        onKeyDown: (event: KeyboardEvent<HTMLElement>) => void;
+    };
+    accordion: import('./accordion-context').AccordionContextValue | null;
+};
+export {};

package/dist/empty-state/empty-state.d.ts

@@ -0,0 +1,10 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+export interface EmptyStateProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
+    /** Título do estado vazio. */
+    title: string;
+    /** Explicação do que fazer ou do porquê de estar vazio. */
+    description: string;
+    /** Ação principal, como um botão ou link para criar o primeiro item. */
+    action?: ReactNode;
+}
+export declare function EmptyState({ title, description, action, className, style, ...rest }: EmptyStateProps): import('react').JSX.Element;

package/dist/error-state/error-state.d.ts

@@ -0,0 +1,12 @@
+import { ComponentPropsWithRef } from 'react';
+export interface ErrorStateProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
+    /** Título do erro. */
+    title?: string;
+    /** Explicação opcional do que aconteceu. */
+    description?: string;
+    /** Texto do botão de nova tentativa. */
+    retryLabel?: string;
+    /** Ação de nova tentativa; o botão só aparece quando ela existe. */
+    onRetry?: () => void;
+}
+export declare function ErrorState({ title, description, retryLabel, onRetry, className, style, ...rest }: ErrorStateProps): import('react').JSX.Element;

package/dist/focus-header/focus-header.constants.d.ts

@@ -0,0 +1,2 @@
+import { FocusHeaderLabels } from './focus-header.types';
+export declare const DEFAULT_FOCUS_HEADER_LABELS: FocusHeaderLabels;

package/dist/focus-header/focus-header.d.ts

@@ -0,0 +1,3 @@
+import { FocusHeaderProps } from './focus-header.types';
+export type { FocusHeaderProps, FocusHeaderLabels } from './focus-header.types';
+export declare function FocusHeader({ title, onExit, position, progress, labels, className, ...rest }: FocusHeaderProps): import('react').JSX.Element;

package/dist/focus-header/focus-header.types.d.ts

@@ -0,0 +1,24 @@
+import { ComponentPropsWithRef } from 'react';
+export interface FocusHeaderLabels {
+    /** Nome acessível do botão de sair. Padrão: `Sair`. */
+    exit: string;
+}
+export interface FocusHeaderProps extends Omit<ComponentPropsWithRef<'header'>, 'title'> {
+    /** Título do fluxo, exibido como `h1` em uma linha. */
+    title: string;
+    /** Chamado quando a pessoa aciona o botão de sair. */
+    onExit: () => void;
+    /** Posição no fluxo, em texto livre (ex.: `3/8`). */
+    position?: string;
+    /** Progresso do fluxo; sem ele a barra não aparece. */
+    progress?: {
+        /** Valor atual. */
+        value: number;
+        /** Valor que representa 100%. */
+        max: number;
+        /** Nome acessível da barra. */
+        label: string;
+    };
+    /** Textos sobrescrevíveis, com padrão em pt-br. */
+    labels?: Partial<FocusHeaderLabels>;
+}

package/dist/form-layout/form-layout.d.ts

@@ -0,0 +1,17 @@
+import { ComponentPropsWithRef } from 'react';
+export type FormGridProps = ComponentPropsWithRef<'div'>;
+/** Grade do formulário; um filho com `data-span="full"` ocupa a linha inteira. */
+export declare function FormGrid({ className, ...rest }: FormGridProps): import('react').JSX.Element;
+export interface FormActionsProps extends ComponentPropsWithRef<'div'> {
+    /** Texto do botão de cancelar. Padrão: `Cancelar`. */
+    cancelLabel?: string;
+    /** Texto do botão de enviar. Padrão: `Salvar`. */
+    submitLabel?: string;
+    /** Chamado ao cancelar. */
+    onCancel: () => void;
+    /** Mostra o carregamento no botão de enviar e bloqueia o clique. */
+    loading?: boolean;
+    /** Desabilita o botão de enviar. */
+    submitDisabled?: boolean;
+}
+export declare function FormActions({ cancelLabel, submitLabel, onCancel, loading, submitDisabled, className, ...rest }: FormActionsProps): import('react').JSX.Element;

package/dist/icon-button/icon-button.d.ts

@@ -0,0 +1,10 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+export interface IconButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children' | 'aria-label'> {
+    /** Nome acessível: obrigatório, porque o botão não tem texto. */
+    'aria-label': string;
+    /** Ícone em SVG inline; fica dentro de um `<span aria-hidden="true">`. */
+    icon: ReactNode;
+    /** Padrão: `ghost`. */
+    variant?: 'ghost' | 'secondary';
+}
+export declare function IconButton({ icon, variant, type, className, ...rest }: IconButtonProps): import('react').JSX.Element;

package/dist/icons/icon.d.ts

@@ -0,0 +1,10 @@
+import { LucideIcon } from 'lucide-react';
+import { IconProps } from './icon.types';
+/**
+ * Embrulha um ícone do `lucide-react` com os padrões da Vega: traço `currentColor`
+ * de espessura 2 e tamanho 20.
+ */
+export declare function createIcon(Lucide: LucideIcon, displayName: string): {
+    ({ size, ...rest }: IconProps): import('react').JSX.Element;
+    displayName: string;
+};

package/dist/icons/icon.types.d.ts

@@ -0,0 +1,5 @@
+import { ComponentPropsWithRef } from 'react';
+export interface IconProps extends Omit<ComponentPropsWithRef<'svg'>, 'children'> {
+    /** Lado em px. Padrão: 20. */
+    size?: 16 | 20 | 24;
+}

package/dist/icons/index.d.ts

@@ -0,0 +1,4 @@
+export { ListIcon, GridIcon, ShelfIcon, TableIcon, DayIcon, TimelineIcon } from './view-icons';
+export type { ViewIconProps } from './view-icons';
+export { HomeIcon, BookOpenIcon, LayersIcon, TimerIcon, UsersIcon, MenuIcon, ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon, ArrowLeftIcon, CloseIcon, PlusIcon, MinusIcon, DownloadIcon, UploadIcon, FlagIcon, RefreshIcon, EyeIcon, CheckIcon, CircleCheckIcon, InfoIcon, AlertTriangleIcon, CircleAlertIcon, WifiOffIcon, CloudCheckIcon, UserIcon, SettingsIcon, LogOutIcon, SunIcon, MoonIcon, LightbulbIcon, ClockIcon, CalendarIcon, PencilIcon, SearchIcon, TrashIcon, } from './interface-icons';
+export type { IconProps } from './icon.types';

package/dist/icons/interface-icons.d.ts

@@ -0,0 +1,144 @@
+export declare const HomeIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const BookOpenIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const LayersIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const TimerIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const UsersIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const MenuIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const ChevronLeftIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const ChevronRightIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const ChevronDownIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const ArrowLeftIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const CloseIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const PlusIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const MinusIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const DownloadIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const UploadIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const FlagIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const RefreshIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const EyeIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const CheckIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const CircleCheckIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const InfoIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const AlertTriangleIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const CircleAlertIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const WifiOffIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const CloudCheckIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const UserIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const SettingsIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const LogOutIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const SunIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const MoonIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const LightbulbIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const ClockIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const CalendarIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const PencilIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const SearchIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};
+export declare const TrashIcon: {
+    ({ size, ...rest }: import('./icon.types').IconProps): import('react').JSX.Element;
+    displayName: string;
+};

package/dist/icons/view-icons.d.ts

@@ -0,0 +1,17 @@
+import { ComponentPropsWithRef } from 'react';
+export interface ViewIconProps extends Omit<ComponentPropsWithRef<'svg'>, 'children'> {
+    /** Lado do ícone em pixels. Padrão: 18. */
+    size?: number;
+}
+/** Visualização em lista. */
+export declare function ListIcon(props: ViewIconProps): import('react').JSX.Element;
+/** Visualização em grade. */
+export declare function GridIcon(props: ViewIconProps): import('react').JSX.Element;
+/** Visualização em estante. */
+export declare function ShelfIcon(props: ViewIconProps): import('react').JSX.Element;
+/** Visualização em tabela. */
+export declare function TableIcon(props: ViewIconProps): import('react').JSX.Element;
+/** Visualização por dia. */
+export declare function DayIcon(props: ViewIconProps): import('react').JSX.Element;
+/** Visualização em linha do tempo. */
+export declare function TimelineIcon(props: ViewIconProps): import('react').JSX.Element;

package/dist/index.d.ts

@@ -0,0 +1,102 @@
+export { Button } from './button/button';
+export type { ButtonProps, ButtonVariant } from './button/button';
+export { IconButton } from './icon-button/icon-button';
+export type { IconButtonProps } from './icon-button/icon-button';
+export { MenuButton } from './menu-button/menu-button';
+export type { MenuButtonProps, MenuItem } from './menu-button/menu-button';
+export { TextField } from './text-field/text-field';
+export type { TextFieldProps } from './text-field/text-field';
+export { SelectField } from './select-field/select-field';
+export type { SelectFieldProps } from './select-field/select-field';
+export { Checkbox } from './checkbox/checkbox';
+export type { CheckboxProps } from './checkbox/checkbox';
+export { SegmentedField } from './segmented-field/segmented-field';
+export type { SegmentedFieldProps, SegmentedOption } from './segmented-field/segmented-field';
+export { Autocomplete } from './autocomplete/autocomplete';
+export type { AutocompleteProps, AutocompleteOption, AutocompleteSingleProps, AutocompleteMultipleProps, } from './autocomplete/autocomplete';
+export { TagField } from './tag-field/tag-field';
+export type { TagFieldProps } from './tag-field/tag-field';
+export { ColorField } from './color-field/color-field';
+export type { ColorFieldProps } from './color-field/color-field';
+export { ColorPicker, DEFAULT_COLOR_FIELD_LABELS } from './color-field/color-picker';
+export type { ColorFieldLabels, ColorPickerProps } from './color-field/color-picker';
+export { hexToRgb, rgbToHex, hslToRgb, rgbToHsl } from './color-field/color';
+export { Calendar } from './calendar/calendar';
+export type { CalendarProps, CalendarValue, CalendarLabels } from './calendar/calendar';
+export { DateField } from './date-field/date-field';
+export type { DateFieldProps, DateFieldLabels } from './date-field/date-field';
+export { TimeField } from './time-field/time-field';
+export type { TimeFieldProps } from './time-field/time-field';
+export { DateTimeField } from './date-time-field/date-time-field';
+export type { DateTimeFieldProps, DateTimeFieldLabels } from './date-time-field/date-time-field';
+export { PeriodField } from './period-field/period-field';
+export type { PeriodFieldProps, PeriodFieldLabels } from './period-field/period-field';
+export { parseTime, maskTime } from './time-field/parse-time';
+export { resolvePeriod } from './period-field/period';
+export type { PeriodPreset, PeriodRule, PeriodValue, PeriodRange } from './period-field/period';
+export { MoneyField } from './money-field/money-field';
+export type { MoneyFieldProps } from './money-field/money-field';
+export { maskMoneyInput, parseMoneyInput, formatCents } from './money-field/money-mask';
+export { Card } from './card/card';
+export type { CardProps, CardTone } from './card/card';
+export { PageHeader } from './page-header/page-header';
+export type { PageHeaderProps } from './page-header/page-header';
+export { Toolbar } from './toolbar/toolbar';
+export type { ToolbarProps } from './toolbar/toolbar';
+export { Tabs } from './tabs/tabs';
+export type { TabItem, TabsProps } from './tabs/tabs';
+export { ViewSwitcher } from './view-switcher/view-switcher';
+export type { ViewOption, ViewSwitcherProps } from './view-switcher/view-switcher';
+export { FormGrid, FormActions } from './form-layout/form-layout';
+export type { FormGridProps, FormActionsProps } from './form-layout/form-layout';
+export { Dialog } from './dialog/dialog';
+export type { DialogProps } from './dialog/dialog';
+export { ConfirmDialog } from './confirm-dialog/confirm-dialog';
+export type { ConfirmDialogProps } from './confirm-dialog/confirm-dialog';
+export { Toast, ToastRegion } from './toast/toast';
+export type { ToastProps, ToastTone } from './toast/toast';
+export { EmptyState } from './empty-state/empty-state';
+export type { EmptyStateProps } from './empty-state/empty-state';
+export { LoadingState, Skeleton } from './loading-state/loading-state';
+export type { LoadingStateProps, SkeletonProps } from './loading-state/loading-state';
+export { ErrorState } from './error-state/error-state';
+export type { ErrorStateProps } from './error-state/error-state';
+export { ProgressBar } from './progress-bar/progress-bar';
+export type { ProgressBarProps } from './progress-bar/progress-bar';
+export { BrandLogo } from './brand-logo/brand-logo';
+export type { BrandLogoProps } from './brand-logo/brand-logo';
+export { Badge } from './badge/badge';
+export type { BadgeProps, BadgeTone } from './badge/badge';
+export { ItemSwatch } from './item-swatch/item-swatch';
+export type { ItemSwatchProps } from './item-swatch/item-swatch';
+export { ListIcon, GridIcon, ShelfIcon, TableIcon, DayIcon, TimelineIcon, HomeIcon, BookOpenIcon, LayersIcon, TimerIcon, UsersIcon, MenuIcon, ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon, ArrowLeftIcon, CloseIcon, PlusIcon, MinusIcon, DownloadIcon, UploadIcon, FlagIcon, RefreshIcon, EyeIcon, CheckIcon, CircleCheckIcon, InfoIcon, AlertTriangleIcon, CircleAlertIcon, WifiOffIcon, CloudCheckIcon, UserIcon, SettingsIcon, LogOutIcon, SunIcon, MoonIcon, LightbulbIcon, ClockIcon, CalendarIcon, PencilIcon, SearchIcon, TrashIcon, } from './icons';
+export type { ViewIconProps, IconProps } from './icons';
+export { Switch } from './switch/switch';
+export type { SwitchProps } from './switch/switch.types';
+export { RadioGroup } from './radio-group/radio-group';
+export type { RadioOption, RadioGroupProps } from './radio-group/radio-group.types';
+export { TextAreaField } from './text-area-field/text-area-field';
+export type { TextAreaFieldProps } from './text-area-field/text-area-field.types';
+export { Disclosure } from './disclosure/disclosure';
+export { Accordion } from './disclosure/accordion';
+export type { DisclosureProps, AccordionProps } from './disclosure/disclosure.types';
+export { Callout } from './callout/callout';
+export type { CalloutProps } from './callout/callout.types';
+export { BottomSheet } from './bottom-sheet/bottom-sheet';
+export type { BottomSheetProps } from './bottom-sheet/bottom-sheet.types';
+export { CardLink } from './card-link/card-link';
+export { CardButton } from './card-link/card-button';
+export type { CardLinkProps, CardButtonProps } from './card-link/card-link.types';
+export { FocusHeader } from './focus-header/focus-header';
+export type { FocusHeaderProps } from './focus-header/focus-header.types';
+export { Topbar } from './app-shell/topbar';
+export type { TopbarProps } from './app-shell/topbar.types';
+export { Sidebar } from './app-shell/sidebar';
+export type { SidebarProps } from './app-shell/sidebar.types';
+export { BottomNav } from './app-shell/bottom-nav';
+export type { BottomNavProps } from './app-shell/bottom-nav.types';
+export { AppShell } from './app-shell/app-shell';
+export type { AppShellProps } from './app-shell/app-shell.types';
+export type { NavItem, RenderNavLink } from './app-shell/nav.types';
+export { light, dark, radii, space, spacing, fontSizes, fontWeights, lineHeights, zIndices, motion, gradients, fonts, breakpoints, itemPalette, defineTheme, ishtarSinkTheme, contrastRatio, checkThemeContrast, CONTRAST_REQUIREMENTS, } from './theme';
+export type { Theme, ThemeName, ThemeTokens, ContrastRequirement, ContrastViolation, } from './theme';