@easygov/react-components 0.0.2 → 0.2.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,40 @@ 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;
 
+/**
+ * Maps to the Figma "Footer (Desktop)" frame. Fully self-contained — like
+ * `EasygovHeader` — so consumers just render `<EasygovFooter />`. All link
+ * columns, the legal row, social links, and the government partner logos
+ * (Confederation, KdK, Städteverband, Gemeindeverband) and Swiss shield are
+ * official/fixed content, not per-page configuration, so nothing is exposed
+ * as props.
+ *
+ * All `href="#"` values below are placeholders — real destination URLs
+ * aren't decided yet.
+ */
+declare function EasygovFooter(): React__default.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 +146,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 +259,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, 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 };