@akira-io/ui 1.3.1 → 2.1.0

package/README.md

@@ -29,8 +29,8 @@ pnpm add @akira-io/ui
 yarn add @akira-io/ui
 ```
 
-Peer dependencies: `react` and `react-dom`, 18 or 19. `@inertiajs/react` is only needed if you import from
-the `/inertia` entry point; `react-hook-form` is only needed for the `<Form>` component. Neither is required
+Peer dependencies: `react` and `react-dom`, 18 or 19. `@inertiajs/react` `^2.1.2 || ^3.0.0` is only needed if
+you import from the `/inertia` entry point; `react-hook-form` is only needed for the `<Form>` component. Neither is required
 for the primitives, the blocks, or the generic shells.
 
 ## Theme (Tailwind v4)

package/dist/blocks.d.ts

@@ -1,18 +1,18 @@
-import { D as DateFilterValue, a as DateFilterLabels, b as DateFilterOption, c as DateFilterUnit, C as CopyButtonLabels } from './context-OwSoVEri.js';
-export { d as CommandPalette, e as CommandPaletteGroup, f as CommandPaletteItem, g as CommandPaletteProps, h as DATE_FILTER_LABELS, i as DATE_FILTER_OPERATORS, j as DATE_FILTER_PRESETS, k as DATE_FILTER_UNITS, l as DateFilterMode, m as DateFilterOperator, S as SettingsEntry, n as SettingsEntryProps, o as SettingsGroup, p as SettingsGroupProps, q as SettingsLabels, r as SettingsPage, s as SettingsPageProps, t as SettingsSection, u as SettingsSectionProps, U as UiLabelSections, v as UiLabels, w as UiLocaleProvider, x as settingsLabels, y as useCommandPalette, z as useUiLabels, A as useUiLocale } from './context-OwSoVEri.js';
-import { F as FormOverlayIntent, a as FormOverlayLabels, T as TwoFactorLabelProps, b as TwoFactorCodeMode, c as TwoFactorQrProps } from './types-B-eGPoFD.js';
-export { D as DangerZone, d as DangerZoneAction, e as DangerZoneLabels, f as DangerZoneProps, g as FormOverlayActions, h as FormOverlayActionsProps, i as TwoFactorLabels, j as TwoFactorSetupStep, k as dangerZoneLabels, l as formOverlayDefaultLabels, t as twoFactorLabels } from './types-B-eGPoFD.js';
+import { D as DateFilterValue, a as DateFilterLabels, b as DateFilterOption, c as DateFilterUnit, C as CopyButtonLabels } from './context-2wTOwxCk.js';
+export { d as CommandPalette, e as CommandPaletteGroup, f as CommandPaletteItem, g as CommandPaletteProps, h as DATE_FILTER_LABELS, i as DATE_FILTER_OPERATORS, j as DATE_FILTER_PRESETS, k as DATE_FILTER_UNITS, l as DateFilterMode, m as DateFilterOperator, S as SettingsEntry, n as SettingsEntryProps, o as SettingsGroup, p as SettingsGroupProps, q as SettingsLabels, r as SettingsPage, s as SettingsPageProps, t as SettingsSection, u as SettingsSectionProps, U as UiLabelSections, v as UiLabels, w as UiLocaleProvider, x as settingsLabels, y as useCommandPalette, z as useUiLabels, A as useUiLocale } from './context-2wTOwxCk.js';
+import { F as FormOverlayIntent, a as FormOverlayLabels, T as TwoFactorLabelProps, b as TwoFactorCodeMode, c as TwoFactorQrProps } from './types-CfAUvz--.js';
+export { D as DangerZone, d as DangerZoneAction, e as DangerZoneLabels, f as DangerZoneProps, g as FormOverlayActions, h as FormOverlayActionsProps, i as TwoFactorLabels, j as TwoFactorSetupStep, k as dangerZoneLabels, l as formOverlayDefaultLabels, t as twoFactorLabels } from './types-CfAUvz--.js';
 import * as React from 'react';
 import { ReactNode, PropsWithChildren, ReactElement, ComponentProps } from 'react';
-import { S as SlotNameProps } from './types-cmBL8zOc.js';
+import { S as SlotNameProps, L as LinkComponent, U as UrlLike } from './types-CMZRvMV5.js';
 import { LucideIcon } from 'lucide-react';
+import { L as LoginFormErrors, a as LoginFormLabels, T as TourStep, b as TourDefinition, c as TourBreakpoint, d as TourProgress, e as TourLabels } from './types-1LUmNJf_.js';
+export { D as DEFAULT_TOUR_LABELS, f as TourOutcome, l as loginFormLabels } from './types-1LUmNJf_.js';
 import { S as SurfaceProps } from './language-Cv_N_53L.js';
-import { T as TourStep, a as TourDefinition, b as TourBreakpoint, c as TourProgress, d as TourLabels } from './types-u1qfmJQi.js';
-export { D as DEFAULT_TOUR_LABELS, e as TourOutcome } from './types-u1qfmJQi.js';
-import { B as Button } from './input-Dxnsxi-f.js';
+import { B as Button } from './input-B4uEClxB.js';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
-import './json-viewer-BARA2RCW.js';
+import './json-viewer-Bssv9mTD.js';
 import '@tanstack/react-table';
 
 type DateFilterPanel = 'root' | 'fixed' | 'relative';
@@ -149,6 +149,96 @@ interface LocalizedFieldsProps {
 }
 declare function LocalizedFields({ locales, localeLabels, fields, values, onChange, errors, defaultLocale, className, }: LocalizedFieldsProps): React.JSX.Element;
 
+interface LoginFormRootProps {
+    errors?: LoginFormErrors;
+    processing?: boolean;
+    linkComponent?: LinkComponent;
+    labels?: Partial<LoginFormLabels>;
+    children: ReactNode;
+    className?: string;
+}
+declare function LoginFormRoot({ errors, processing, linkComponent, labels, children, className, slotName, }: LoginFormRootProps & SlotNameProps): React.JSX.Element;
+interface LoginFormStatusProps {
+    message?: string;
+}
+declare function LoginFormStatus({ message, slotName, }: LoginFormStatusProps & SlotNameProps): React.JSX.Element | null;
+interface LoginFormEmailProps {
+    id?: string;
+    name?: string;
+    label?: string;
+    placeholder?: string;
+    error?: string;
+    tabIndex?: number;
+    autoFocus?: boolean;
+    required?: boolean;
+}
+declare function LoginFormEmail({ id, name, label, placeholder, error, tabIndex, autoFocus, required, slotName, }: LoginFormEmailProps & SlotNameProps): React.JSX.Element;
+interface LoginFormPasswordProps {
+    id?: string;
+    name?: string;
+    label?: string;
+    placeholder?: string;
+    error?: string;
+    tabIndex?: number;
+    autoFocus?: boolean;
+    required?: boolean;
+    forgotPasswordHref?: UrlLike;
+    forgotPasswordLabel?: string;
+    linkComponent?: LinkComponent;
+}
+declare function LoginFormPassword({ id, name, label, placeholder, error, tabIndex, autoFocus, required, forgotPasswordHref, forgotPasswordLabel, linkComponent, slotName, }: LoginFormPasswordProps & SlotNameProps): React.JSX.Element;
+interface LoginFormRememberProps {
+    id?: string;
+    name?: string;
+    label?: string;
+    tabIndex?: number;
+}
+declare function LoginFormRemember({ id, name, label, tabIndex, slotName, }: LoginFormRememberProps & SlotNameProps): React.JSX.Element;
+interface LoginFormSubmitProps {
+    label?: string;
+    submittingLabel?: string;
+    processing?: boolean;
+    tabIndex?: number;
+}
+declare function LoginFormSubmit({ label, submittingLabel, processing, tabIndex, slotName, }: LoginFormSubmitProps & SlotNameProps): React.JSX.Element;
+
+interface LoginFormContextValue {
+    errors: LoginFormErrors;
+    processing: boolean;
+    linkComponent?: LinkComponent;
+    labels?: Partial<LoginFormLabels>;
+}
+declare function useLoginFormContext(): LoginFormContextValue & {
+    labels: LoginFormLabels;
+};
+declare function LoginFormProvider({ errors, processing, linkComponent, labels, children, }: {
+    errors?: LoginFormErrors;
+    processing?: boolean;
+    linkComponent?: LinkComponent;
+    labels?: Partial<LoginFormLabels>;
+    children: ReactNode;
+}): React.JSX.Element;
+
+interface LoginFormPresetProps {
+    errors?: LoginFormErrors;
+    processing?: boolean;
+    linkComponent?: LinkComponent;
+    labels?: Partial<LoginFormLabels>;
+    status?: string;
+    forgotPasswordHref?: UrlLike;
+    className?: string;
+}
+declare function LoginFormPreset({ errors, processing, linkComponent, labels, status, forgotPasswordHref, className, slotName, }: LoginFormPresetProps & SlotNameProps): React.JSX.Element;
+
+declare const LoginForm: {
+    Root: typeof LoginFormRoot;
+    Status: typeof LoginFormStatus;
+    Email: typeof LoginFormEmail;
+    Password: typeof LoginFormPassword;
+    Remember: typeof LoginFormRemember;
+    Submit: typeof LoginFormSubmit;
+};
+
 interface SectionHeaderProps {
     icon?: ReactNode;
     title: string;
@@ -336,4 +426,4 @@ interface TwoFactorVerifyFormProps extends TwoFactorLabelProps {
 }
 declare function TwoFactorVerifyForm({ onSubmit, errors, allowRecoveryCode, length, autoFocus, submitLabel, footer, labels, className, slotName, }: TwoFactorVerifyFormProps & SlotNameProps): React.JSX.Element;
 
-export { DateField, type DateFieldProps, DateFilter, DateFilterAll, DateFilterContent, type DateFilterContextValue, DateFilterFixed, DateFilterItem, DateFilterLabels, DateFilterOption, type DateFilterPanel, DateFilterPresets, type DateFilterProps, DateFilterRelative, DateFilterSeparator, DateFilterTrigger, DateFilterUnit, DateFilterValue, DetailEditSheet, type DetailEditSheetProps, FormDialog, type FormDialogProps, FormOverlayIntent, FormOverlayLabels, InfoField, InfoFieldGroup, type InfoFieldGroupProps, type InfoFieldProps, type LocalizedField, LocalizedFields, type LocalizedFieldsProps, NumberField, type NumberFieldProps, SectionHeader, type SectionHeaderProps, SelectField, type SelectFieldOption, type SelectFieldProps, SettingsCard, type SettingsCardProps, SettingsField, type SettingsFieldProps, SettingsPanel, type SettingsPanelProps, StatCard, type StatCardProps, StatsGrid, type StatsGridProps, TextField, type TextFieldProps, ToggleRow, type ToggleRowProps, TourBreakpoint, TourDefinition, TourLabels, TourProgress, TourProvider, TourStep, TwoFactorChallenge, type TwoFactorChallengeProps, TwoFactorCodeMode, TwoFactorDisableButton, type TwoFactorDisableButtonProps, TwoFactorLabelProps, TwoFactorQrProps, TwoFactorRecoveryCodes, type TwoFactorRecoveryCodesProps, TwoFactorScanStep, type TwoFactorScanStepProps, TwoFactorSetupDialog, type TwoFactorSetupDialogProps, TwoFactorVerifyForm, type TwoFactorVerifyFormProps, decodeDateFilter, encodeDateFilter, formatRangePreview, resolveRelativeRange, resolveSteps, shouldStartTour, stepsForBreakpoint, summariseDateFilter, useDateFilter, useTour, useTourController };
+export { DateField, type DateFieldProps, DateFilter, DateFilterAll, DateFilterContent, type DateFilterContextValue, DateFilterFixed, DateFilterItem, DateFilterLabels, DateFilterOption, type DateFilterPanel, DateFilterPresets, type DateFilterProps, DateFilterRelative, DateFilterSeparator, DateFilterTrigger, DateFilterUnit, DateFilterValue, DetailEditSheet, type DetailEditSheetProps, FormDialog, type FormDialogProps, FormOverlayIntent, FormOverlayLabels, InfoField, InfoFieldGroup, type InfoFieldGroupProps, type InfoFieldProps, type LocalizedField, LocalizedFields, type LocalizedFieldsProps, LoginForm, type LoginFormContextValue, LoginFormEmail, type LoginFormEmailProps, LoginFormErrors, LoginFormLabels, LoginFormPassword, type LoginFormPasswordProps, LoginFormPreset, type LoginFormPresetProps, LoginFormProvider, LoginFormRemember, type LoginFormRememberProps, LoginFormRoot, type LoginFormRootProps, LoginFormStatus, type LoginFormStatusProps, LoginFormSubmit, type LoginFormSubmitProps, NumberField, type NumberFieldProps, SectionHeader, type SectionHeaderProps, SelectField, type SelectFieldOption, type SelectFieldProps, SettingsCard, type SettingsCardProps, SettingsField, type SettingsFieldProps, SettingsPanel, type SettingsPanelProps, StatCard, type StatCardProps, StatsGrid, type StatsGridProps, TextField, type TextFieldProps, ToggleRow, type ToggleRowProps, TourBreakpoint, TourDefinition, TourLabels, TourProgress, TourProvider, TourStep, TwoFactorChallenge, type TwoFactorChallengeProps, TwoFactorCodeMode, TwoFactorDisableButton, type TwoFactorDisableButtonProps, TwoFactorLabelProps, TwoFactorQrProps, TwoFactorRecoveryCodes, type TwoFactorRecoveryCodesProps, TwoFactorScanStep, type TwoFactorScanStepProps, TwoFactorSetupDialog, type TwoFactorSetupDialogProps, TwoFactorVerifyForm, type TwoFactorVerifyFormProps, decodeDateFilter, encodeDateFilter, formatRangePreview, resolveRelativeRange, resolveSteps, shouldStartTour, stepsForBreakpoint, summariseDateFilter, useDateFilter, useLoginFormContext, useTour, useTourController };