@easygov/react-components 0.0.1 → 0.1.0

package/dist/easygov.d.mts

@@ -7,15 +7,28 @@ import { Combobox } from '@base-ui/react/combobox';
 import * as React$1 from 'react';
 import React__default, { SVGProps } from 'react';
 import { Input as Input$1 } from '@base-ui/react/input';
+import { NavigationMenu as NavigationMenu$1 } from '@base-ui/react/navigation-menu';
+import { Select as Select$1 } from '@base-ui/react/select';
 export { Account, Add, AddAlt, AddComment, AddFilled, Alarm, AlarmAdd, AlarmSubtract, ArrowDown, ArrowDownLeft, ArrowDownRight, ArrowLeft, ArrowRight, ArrowUp, ArrowUpLeft, ArrowUpRight, Asleep, AsleepFilled, Attachment, Bookmark, BookmarkFilled, Box, Bullhorn, Calculation, CalculationAlt, Calculator, Calendar, CalendarAdd, CalendarAddAlt, Camera, CaretDown, CaretLeft, CaretRight, CaretSort, CaretSortDown, CaretSortUp, CaretUp, CharacterPatterns, Chat, ChatLaunch, Checkbox, CheckboxChecked, CheckboxCheckedFilled, CheckboxIndeterminate, CheckboxIndeterminateFilled, CheckboxUndeterminate, CheckboxUndeterminateFilled, Checkmark, CheckmarkFilled, CheckmarkOutline, CheckmarkOutlineWarning, ChevronDown, ChevronLeft, ChevronRight, ChevronSort, ChevronSortDown, ChevronSortUp, ChevronUp, Close, CloseFilled, CloseOutline, ClosedCaptionAlt, Copy, CopyFile, CopyLink, Data, Delete, Document, DocumentAdd, DocumentAttachment, DocumentBlank, DocumentDownload, DocumentEdit, DocumentExport, DocumentImport, DocumentPdf, DocumentSettings, DocumentSubtract, DocumentTasks, Download, Draggable, EarthEuropeAfricaFilled, Edit, Email, EmailNew, Enterprise, Error, ErrorFilled, ErrorOutline, Events, Filter, Finance, Flag, FlagFilled, Folder, FolderAdd, FolderMoveTo, Folders, Forum, Globe, GlobeAlt, Group, Help, HelpFilled, Home, IconBase, IconProps, IdManagement, Idea, Identification, Industry, Information, InformationFilled, InformationSquare, InformationSquareFilled, Launch, Light, LightFilled, Link, List, ListBoxes, ListBulleted, ListChecked, Location, Locked, Login, LogoFacebook, LogoInstagram, LogoLinkedin, LogoTwitter, LogoXing, LogoYoutube, Logout, ManageProtection, Menu, MessageQueue, Meter, MeterAlt, Misuse, MisuseOutline, Notification, NotificationFilled, NotificationNew, OverflowMenuHorizontal, OverflowMenuVertical, Password, PedestrianFamily, Pen, Pending, PendingFilled, Person, Phone, PhoneFilled, PhoneIp, Pin, Policy, PreviousFilled, PreviousOutline, Printer, RadioButton, RadioButtonChecked, Reminder, Renew, Reset, Restart, Restaurant, ResultNew, Review, Rocket, Rotate360, RuleFilled, Save, Search, SearchLocate, Security, Send, SendAlt, Settings, SettingsAdjust, Star, StarFilled, Subtract, SubtractFilled, Task, TaskSettings, TaskStar, Time, Timer, Unlocked, Upload, User, UserAdd, UserAvatar, UserAvatarFilled, UserAvatarFilledAlt, UserMultiple, UserProfile, UserSettings, View, ViewAltOff, ViewFilled, ViewOff, ViewOffFilled, Warning, WarningAlt, WarningAltFilled, WarningFilled, WorkflowAutomation, iconVariants } from './icons.mjs';
 
 declare const buttonVariants: (props?: ({
     variant?: "primary" | "secondary" | "critical" | "tertiary" | null | undefined;
-    size?: "s" | "m" | "l" | null | undefined;
+    size?: "s" | "m" | "l" | "icon-s" | "icon-m" | "icon-l" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ButtonProps extends Omit<Button$1.Props, "className">, VariantProps<typeof buttonVariants> {
+type IconSize = "icon-s" | "icon-m" | "icon-l";
+type StandardSize = "s" | "m" | "l";
+type ButtonVariant = NonNullable<VariantProps<typeof buttonVariants>["variant"]>;
+type ButtonBase = Omit<Button$1.Props, "className"> & {
     className?: string;
-}
+    variant?: ButtonVariant;
+};
+type ButtonProps = (ButtonBase & {
+    size: IconSize;
+    "aria-label": string;
+}) | (ButtonBase & {
+    size?: StandardSize;
+    "aria-label"?: string;
+});
 declare function Button({ className, variant, size, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
 declare function Dropdown({ multiple, ...props }: React$1.ComponentProps<typeof Combobox.Root>): react_jsx_runtime.JSX.Element;
@@ -76,6 +89,50 @@ declare function DropdownEmpty({ className, ...props }: Combobox.Empty.Props): r
 declare function DropdownSeparator({ className, ...props }: Combobox.Separator.Props): react_jsx_runtime.JSX.Element;
 declare function DropdownCollection(props: Combobox.Collection.Props): react_jsx_runtime.JSX.Element;
 
+type EasygovFooterProps = React__default.HTMLAttributes<HTMLElement>;
+/**
+ * Maps to the Figma "Footer (Desktop)" frame. Compose it from
+ * `EasygovFooterColumns` (containing `EasygovFooterColumn`s) followed by
+ * `EasygovFooterLegal`. The partner logos band (Confederation, KdK,
+ * Städteverband, Gemeindeverband) and the Swiss shield are official
+ * government marks, not per-page content — they're fixed here rather than
+ * exposed as props.
+ */
+declare function EasygovFooter({ className, children, ...props }: EasygovFooterProps): react_jsx_runtime.JSX.Element;
+type EasygovFooterColumnsProps = React__default.HTMLAttributes<HTMLDivElement>;
+/** The "Spalten" row of `EasygovFooterColumn`s, plus the fixed Swiss shield. */
+declare function EasygovFooterColumns({ className, children, ...props }: EasygovFooterColumnsProps): react_jsx_runtime.JSX.Element;
+type EasygovFooterColumnProps = React__default.HTMLAttributes<HTMLDivElement>;
+/** One "Liste" column of stacked `TextLink`s inside `EasygovFooterColumns`. */
+declare function EasygovFooterColumn({ className, ...props }: EasygovFooterColumnProps): react_jsx_runtime.JSX.Element;
+type EasygovFooterSocialLinksProps = React__default.HTMLAttributes<HTMLDivElement>;
+/** Row of social icon links ("soc-media"), placed inside an `EasygovFooterColumn`. */
+declare function EasygovFooterSocialLinks({ className, ...props }: EasygovFooterSocialLinksProps): react_jsx_runtime.JSX.Element;
+type EasygovFooterLegalProps = React__default.HTMLAttributes<HTMLDivElement>;
+/** The bottom-right "Rechtliches" row of legal `TextLink`s. */
+declare function EasygovFooterLegal({ className, ...props }: EasygovFooterLegalProps): react_jsx_runtime.JSX.Element;
+
+type MobileSpan = 1 | 2 | 3 | 4;
+type TabletSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
+type DesktopSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+type GridProps = React$1.HTMLAttributes<HTMLDivElement>;
+/**
+ * Responsive CSS Grid container: 4 columns (mobile), 8 (tablet), 12 (desktop).
+ * Rows are automatic — place `GridItem`s directly inside, no row wrapper needed.
+ */
+declare function Grid({ className, children, ...props }: GridProps): react_jsx_runtime.JSX.Element;
+interface GridItemProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    span?: MobileSpan;
+    spanTablet?: TabletSpan;
+    spanDesktop?: DesktopSpan;
+}
+/**
+ * Defaults to full width (4/8/12) at every breakpoint if a span isn't given,
+ * matching the classes a non-React consumer would apply by hand
+ * (`eg-grid__item--span-4 eg-grid__item--span-tablet-8 eg-grid__item--span-desktop-12`).
+ */
+declare function GridItem({ span, spanTablet, spanDesktop, className, children, ...props }: GridItemProps): react_jsx_runtime.JSX.Element;
+
 declare const inputFieldVariants: (props?: ({
     size?: "s" | "m" | "l" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -99,6 +156,81 @@ interface TextLinkProps extends Omit<React__default.AnchorHTMLAttributes<HTMLAnc
 }
 declare function TextLink({ className, variant, size, disabled, children, onClick, tabIndex, ...props }: TextLinkProps): react_jsx_runtime.JSX.Element;
 
+interface NavigationMenuProps extends NavigationMenu$1.Root.Props {
+    className?: string;
+    positionerProps?: Partial<NavigationMenu$1.Positioner.Props>;
+    container?: HTMLElement | ShadowRoot | null;
+}
+declare function NavigationMenu({ className, children, positionerProps, container, ...props }: NavigationMenuProps): react_jsx_runtime.JSX.Element;
+interface NavigationMenuListProps extends NavigationMenu$1.List.Props {
+    className?: string;
+}
+declare function NavigationMenuList({ className, ...props }: NavigationMenuListProps): react_jsx_runtime.JSX.Element;
+interface NavigationMenuItemProps extends NavigationMenu$1.Item.Props {
+    className?: string;
+}
+declare function NavigationMenuItem({ className, ...props }: NavigationMenuItemProps): react_jsx_runtime.JSX.Element;
+interface NavigationMenuTriggerProps extends Omit<NavigationMenu$1.Trigger.Props, "className"> {
+    className?: string;
+    leadingIcon?: React$1.ReactNode;
+    badge?: number | string;
+}
+declare function NavigationMenuTrigger({ className, leadingIcon, badge, disabled, children, ...props }: NavigationMenuTriggerProps): react_jsx_runtime.JSX.Element;
+interface NavigationMenuAnchorProps extends Omit<NavigationMenu$1.Link.Props, "className"> {
+    className?: string;
+    leadingIcon?: React$1.ReactNode;
+}
+declare function NavigationMenuAnchor({ className, leadingIcon, children, ...props }: NavigationMenuAnchorProps): react_jsx_runtime.JSX.Element;
+interface NavigationMenuContentProps extends NavigationMenu$1.Content.Props {
+    className?: string;
+}
+declare function NavigationMenuContent({ className, ...props }: NavigationMenuContentProps): react_jsx_runtime.JSX.Element;
+interface NavigationMenuLinkProps extends Omit<NavigationMenu$1.Link.Props, "className"> {
+    className?: string;
+    leadingIcon?: React$1.ReactNode;
+    trailingIcon?: React$1.ReactNode;
+    active?: boolean;
+}
+declare function NavigationMenuLink({ className, leadingIcon, trailingIcon, active, children, ...props }: NavigationMenuLinkProps): react_jsx_runtime.JSX.Element;
+
+declare function Select<Value = unknown, Multiple extends boolean | undefined = false>(props: Select$1.Root.Props<Value, Multiple>): React$1.JSX.Element;
+interface SelectLabelProps extends Omit<React$1.LabelHTMLAttributes<HTMLLabelElement>, "className"> {
+    className?: string;
+    disabled?: boolean;
+}
+declare function SelectLabel({ className, disabled, ...props }: SelectLabelProps): react_jsx_runtime.JSX.Element;
+interface SelectHelperTextProps extends Omit<React$1.HTMLAttributes<HTMLSpanElement>, "className"> {
+    className?: string;
+}
+declare function SelectHelperText({ className, ...props }: SelectHelperTextProps): react_jsx_runtime.JSX.Element;
+interface SelectTriggerProps extends Omit<Select$1.Trigger.Props, "className"> {
+    className?: string;
+    placeholder?: string;
+    leadingIcon?: React$1.ReactNode;
+}
+declare function SelectTrigger({ className, placeholder, leadingIcon, ...props }: SelectTriggerProps): react_jsx_runtime.JSX.Element;
+interface SelectContentProps extends Select$1.Popup.Props {
+    sideOffset?: number;
+    alignItemWithTrigger?: boolean;
+    className?: string;
+    container?: HTMLElement | ShadowRoot | null;
+}
+declare function SelectContent({ className, children, sideOffset, alignItemWithTrigger, container, ...props }: SelectContentProps): react_jsx_runtime.JSX.Element;
+interface SelectItemProps extends Omit<Select$1.Item.Props, "className"> {
+    className?: string;
+    leadingIcon?: React$1.ReactNode;
+}
+declare function SelectItem({ className, children, leadingIcon, ...props }: SelectItemProps): react_jsx_runtime.JSX.Element;
+declare function SelectGroup(props: Select$1.Group.Props): react_jsx_runtime.JSX.Element;
+interface SelectGroupLabelProps extends Omit<Select$1.GroupLabel.Props, "className"> {
+    className?: string;
+}
+declare function SelectGroupLabel({ className, ...props }: SelectGroupLabelProps): react_jsx_runtime.JSX.Element;
+interface SelectSeparatorProps extends Omit<Select$1.Separator.Props, "className"> {
+    className?: string;
+}
+declare function SelectSeparator({ className, ...props }: SelectSeparatorProps): react_jsx_runtime.JSX.Element;
+
 interface BrandProps extends Omit<SVGProps<SVGSVGElement>, "width" | "height"> {
     /**
      * Height in pixels. Width scales automatically from the viewBox aspect ratio.
@@ -137,4 +269,67 @@ declare function BrandXing(props: BrandProps): react_jsx_runtime.JSX.Element;
 
 declare function BrandYoutube(props: BrandProps): react_jsx_runtime.JSX.Element;
 
-export { BrandBase, BrandEasygov, BrandFacebook, BrandKdk, BrandLinkedin, type BrandProps, BrandSeg, BrandSgv, BrandSsv, BrandSwiss, BrandXing, BrandYoutube, Button, type ButtonProps, Dropdown, DropdownChip, DropdownChipsOverflow, type DropdownChipsOverflowProps, DropdownChipsTrigger, type DropdownChipsTriggerProps, DropdownCollection, DropdownEmpty, DropdownGroup, DropdownGroupLabel, DropdownHelperText, type DropdownHelperTextProps, DropdownInput, DropdownItem, type DropdownItemProps, DropdownItemText, DropdownLabel, type DropdownLabelProps, DropdownList, DropdownPopup, type DropdownPopupProps, DropdownSeparator, DropdownToggle, DropdownTrigger, type DropdownTriggerProps, DropdownValue, Input, type InputProps, TextLink, type TextLinkProps, buttonVariants, textLinkVariants };
+interface SessionUser {
+    sub: string;
+    name: string;
+}
+
+declare const dictionaries: {
+    de: {
+        readonly login: "Anmelden";
+        readonly logout: "Abmelden";
+        readonly dashboard: "Dashboard";
+        readonly selectLanguage: "Sprache wählen";
+        readonly loginSuccess: "Sie sind jetzt angemeldet.";
+        readonly logoutSuccess: "Sie wurden abgemeldet.";
+        readonly skipToMain: "Zum Hauptinhalt springen";
+    };
+    en: {
+        readonly login: "Sign In";
+        readonly logout: "Sign Out";
+        readonly dashboard: "Dashboard";
+        readonly selectLanguage: "Select language";
+        readonly loginSuccess: "You are now signed in.";
+        readonly logoutSuccess: "You have been signed out.";
+        readonly skipToMain: "Skip to main content";
+    };
+    fr: {
+        readonly login: "Se connecter";
+        readonly logout: "Se déconnecter";
+        readonly dashboard: "Tableau de bord";
+        readonly selectLanguage: "Choisir la langue";
+        readonly loginSuccess: "Vous êtes maintenant connecté.";
+        readonly logoutSuccess: "Vous avez été déconnecté.";
+        readonly skipToMain: "Aller au contenu principal";
+    };
+    it: {
+        readonly login: "Accedi";
+        readonly logout: "Esci";
+        readonly dashboard: "Dashboard";
+        readonly selectLanguage: "Seleziona la lingua";
+        readonly loginSuccess: "Hai effettuato l'accesso.";
+        readonly logoutSuccess: "Hai effettuato il logout.";
+        readonly skipToMain: "Vai al contenuto principale";
+    };
+};
+type Locale = keyof typeof dictionaries;
+
+interface EasygovSession {
+    user: SessionUser | null;
+    accessToken: string | null;
+}
+declare function useEasygovSession(): EasygovSession;
+interface EasygovHeaderProps {
+    readonly locale?: Locale;
+    readonly onLanguageChange?: (locale: Locale) => void;
+    readonly onNavigate?: (path: string) => void;
+}
+declare function EasygovHeader({ locale: localeProp, onLanguageChange, onNavigate, }: EasygovHeaderProps): React__default.JSX.Element;
+interface RequireSessionProps {
+    readonly children: React__default.ReactNode;
+    readonly fallback?: React__default.ReactNode;
+    readonly loading?: React__default.ReactNode;
+}
+declare function RequireSession({ children, fallback, loading, }: RequireSessionProps): React__default.JSX.Element;
+
+export { BrandBase, BrandEasygov, BrandFacebook, BrandKdk, BrandLinkedin, type BrandProps, BrandSeg, BrandSgv, BrandSsv, BrandSwiss, BrandXing, BrandYoutube, Button, type ButtonProps, type DesktopSpan, Dropdown, DropdownChip, DropdownChipsOverflow, type DropdownChipsOverflowProps, DropdownChipsTrigger, type DropdownChipsTriggerProps, DropdownCollection, DropdownEmpty, DropdownGroup, DropdownGroupLabel, DropdownHelperText, type DropdownHelperTextProps, DropdownInput, DropdownItem, type DropdownItemProps, DropdownItemText, DropdownLabel, type DropdownLabelProps, DropdownList, DropdownPopup, type DropdownPopupProps, DropdownSeparator, DropdownToggle, DropdownTrigger, type DropdownTriggerProps, DropdownValue, EasygovFooter, EasygovFooterColumn, type EasygovFooterColumnProps, EasygovFooterColumns, type EasygovFooterColumnsProps, EasygovFooterLegal, type EasygovFooterLegalProps, type EasygovFooterProps, EasygovFooterSocialLinks, type EasygovFooterSocialLinksProps, EasygovHeader, type EasygovHeaderProps, type EasygovSession, Grid, GridItem, type GridItemProps, type GridProps, Input, type InputProps, type Locale, type MobileSpan, NavigationMenu, NavigationMenuAnchor, type NavigationMenuAnchorProps, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, NavigationMenuTrigger, type NavigationMenuTriggerProps, RequireSession, type RequireSessionProps, Select, SelectContent, type SelectContentProps, SelectGroup, SelectGroupLabel, type SelectGroupLabelProps, SelectHelperText, type SelectHelperTextProps, SelectItem, type SelectItemProps, SelectLabel, type SelectLabelProps, SelectSeparator, type SelectSeparatorProps, SelectTrigger, type SelectTriggerProps, type SessionUser, type TabletSpan, TextLink, type TextLinkProps, buttonVariants, textLinkVariants, useEasygovSession };