@akira-io/ui 1.3.0 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/blocks.d.ts +100 -10
- package/dist/blocks.js +547 -270
- package/dist/blocks.js.map +1 -1
- package/dist/{chunk-IE6VWUSB.js → chunk-2V6HUWST.js} +19 -6
- package/dist/chunk-2V6HUWST.js.map +1 -0
- package/dist/{chunk-UTSTTTH5.js → chunk-3Z2VGVPI.js} +18 -8
- package/dist/chunk-3Z2VGVPI.js.map +1 -0
- package/dist/{chunk-PSJGAZIS.js → chunk-B3L6PRLX.js} +208 -100
- package/dist/chunk-B3L6PRLX.js.map +1 -0
- package/dist/chunk-DE2AJ54R.js +458 -0
- package/dist/chunk-DE2AJ54R.js.map +1 -0
- package/dist/{chunk-QNF4LJVT.js → chunk-E26KKMGS.js} +8 -6
- package/dist/chunk-E26KKMGS.js.map +1 -0
- package/dist/{chunk-O5DZTX7D.js → chunk-EYPM6IMS.js} +30 -34
- package/dist/chunk-EYPM6IMS.js.map +1 -0
- package/dist/chunk-IQMRJXEO.js +5 -4
- package/dist/chunk-IQMRJXEO.js.map +1 -1
- package/dist/{chunk-I5UZAJB4.js → chunk-KHOA4TEI.js} +85 -30
- package/dist/chunk-KHOA4TEI.js.map +1 -0
- package/dist/chunk-L2H5GIF7.js +5 -4
- package/dist/chunk-L2H5GIF7.js.map +1 -1
- package/dist/{chunk-NA33PNQO.js → chunk-SZUXATOF.js} +170 -76
- package/dist/chunk-SZUXATOF.js.map +1 -0
- package/dist/chunk-TM5MN3MI.js +29 -0
- package/dist/chunk-TM5MN3MI.js.map +1 -0
- package/dist/{chunk-7LBWPBVE.js → chunk-UCJTM3UM.js} +259 -248
- package/dist/chunk-UCJTM3UM.js.map +1 -0
- package/dist/{chunk-MCMBS2SB.js → chunk-UXVI326F.js} +15 -8
- package/dist/chunk-UXVI326F.js.map +1 -0
- package/dist/chunk-VA6A4HZ2.js +394 -0
- package/dist/chunk-VA6A4HZ2.js.map +1 -0
- package/dist/{chunk-SBLZ6T3D.js → chunk-YBXRJSR3.js} +15 -7
- package/dist/chunk-YBXRJSR3.js.map +1 -0
- package/dist/code.d.ts +2 -2
- package/dist/code.js +96 -52
- package/dist/code.js.map +1 -1
- package/dist/{context-OwSoVEri.d.ts → context-Soro3B1I.d.ts} +5 -4
- package/dist/editor.d.ts +1 -1
- package/dist/editor.js +135 -52
- package/dist/editor.js.map +1 -1
- package/dist/{field-DWm5NXeV.d.ts → field-C1TdmC2t.d.ts} +1 -1
- package/dist/index.d.ts +14 -11
- package/dist/index.js +1107 -635
- package/dist/index.js.map +1 -1
- package/dist/inertia.d.ts +11 -3
- package/dist/inertia.js +66 -12
- package/dist/inertia.js.map +1 -1
- package/dist/{input-Dxnsxi-f.d.ts → input-B4uEClxB.d.ts} +1 -1
- package/dist/{json-viewer-BARA2RCW.d.ts → json-viewer-Bssv9mTD.d.ts} +1 -1
- package/dist/locales/pt.d.ts +9 -8
- package/dist/locales/pt.js +40 -3
- package/dist/locales/pt.js.map +1 -1
- package/dist/shells.d.ts +46 -5
- package/dist/shells.js +211 -71
- package/dist/shells.js.map +1 -1
- package/dist/{sidebar-Bp6Q46j-.d.ts → sidebar-BLL2tgTt.d.ts} +2 -2
- package/dist/types-1LUmNJf_.d.ts +41 -0
- package/dist/{types-cmBL8zOc.d.ts → types-CMZRvMV5.d.ts} +1 -1
- package/dist/{types-B-eGPoFD.d.ts → types-CfAUvz--.d.ts} +1 -1
- package/package.json +4 -2
- package/theme.css +3 -0
- package/themes/nosferry.css +2 -2
- package/dist/chunk-7LBWPBVE.js.map +0 -1
- package/dist/chunk-I5UZAJB4.js.map +0 -1
- package/dist/chunk-IE6VWUSB.js.map +0 -1
- package/dist/chunk-MCMBS2SB.js.map +0 -1
- package/dist/chunk-NA33PNQO.js.map +0 -1
- package/dist/chunk-NGMG2UWX.js +0 -172
- package/dist/chunk-NGMG2UWX.js.map +0 -1
- package/dist/chunk-O5DZTX7D.js.map +0 -1
- package/dist/chunk-PSJGAZIS.js.map +0 -1
- package/dist/chunk-QNF4LJVT.js.map +0 -1
- package/dist/chunk-SBLZ6T3D.js.map +0 -1
- package/dist/chunk-UTSTTTH5.js.map +0 -1
- package/dist/types-u1qfmJQi.d.ts +0 -28
package/README.md
CHANGED
|
@@ -29,8 +29,8 @@ pnpm add @akira-io/ui
|
|
|
29
29
|
yarn add @akira-io/ui
|
|
30
30
|
```
|
|
31
31
|
|
|
32
|
-
Peer dependencies: `react` and `react-dom`, 18 or 19. `@inertiajs/react` is only needed if
|
|
33
|
-
the `/inertia` entry point; `react-hook-form` is only needed for the `<Form>` component. Neither is required
|
|
32
|
+
Peer dependencies: `react` and `react-dom`, 18 or 19. `@inertiajs/react` `^2.1.2 || ^3.0.0` is only needed if
|
|
33
|
+
you import from the `/inertia` entry point; `react-hook-form` is only needed for the `<Form>` component. Neither is required
|
|
34
34
|
for the primitives, the blocks, or the generic shells.
|
|
35
35
|
|
|
36
36
|
## Theme (Tailwind v4)
|
package/dist/blocks.d.ts
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { D as DateFilterValue, a as DateFilterLabels, b as DateFilterOption, c as DateFilterUnit, C as CopyButtonLabels } from './context-
|
|
2
|
-
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-
|
|
3
|
-
import { F as FormOverlayIntent, a as FormOverlayLabels, T as TwoFactorLabelProps, b as TwoFactorCodeMode, c as TwoFactorQrProps } from './types-
|
|
4
|
-
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-
|
|
1
|
+
import { D as DateFilterValue, a as DateFilterLabels, b as DateFilterOption, c as DateFilterUnit, C as CopyButtonLabels } from './context-Soro3B1I.js';
|
|
2
|
+
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-Soro3B1I.js';
|
|
3
|
+
import { F as FormOverlayIntent, a as FormOverlayLabels, T as TwoFactorLabelProps, b as TwoFactorCodeMode, c as TwoFactorQrProps } from './types-CfAUvz--.js';
|
|
4
|
+
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';
|
|
5
5
|
import * as React from 'react';
|
|
6
6
|
import { ReactNode, PropsWithChildren, ReactElement, ComponentProps } from 'react';
|
|
7
|
-
import { S as SlotNameProps } from './types-
|
|
7
|
+
import { S as SlotNameProps, L as LinkComponent, U as UrlLike } from './types-CMZRvMV5.js';
|
|
8
8
|
import { LucideIcon } from 'lucide-react';
|
|
9
|
+
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';
|
|
10
|
+
export { D as DEFAULT_TOUR_LABELS, f as TourOutcome, l as loginFormLabels } from './types-1LUmNJf_.js';
|
|
9
11
|
import { S as SurfaceProps } from './language-Cv_N_53L.js';
|
|
10
|
-
import {
|
|
11
|
-
export { D as DEFAULT_TOUR_LABELS, e as TourOutcome } from './types-u1qfmJQi.js';
|
|
12
|
-
import { B as Button } from './input-Dxnsxi-f.js';
|
|
12
|
+
import { B as Button } from './input-B4uEClxB.js';
|
|
13
13
|
import 'class-variance-authority/types';
|
|
14
14
|
import 'class-variance-authority';
|
|
15
|
-
import './json-viewer-
|
|
15
|
+
import './json-viewer-Bssv9mTD.js';
|
|
16
16
|
import '@tanstack/react-table';
|
|
17
17
|
|
|
18
18
|
type DateFilterPanel = 'root' | 'fixed' | 'relative';
|
|
@@ -149,6 +149,96 @@ interface LocalizedFieldsProps {
|
|
|
149
149
|
}
|
|
150
150
|
declare function LocalizedFields({ locales, localeLabels, fields, values, onChange, errors, defaultLocale, className, }: LocalizedFieldsProps): React.JSX.Element;
|
|
151
151
|
|
|
152
|
+
interface LoginFormRootProps {
|
|
153
|
+
errors?: LoginFormErrors;
|
|
154
|
+
processing?: boolean;
|
|
155
|
+
linkComponent?: LinkComponent;
|
|
156
|
+
labels?: Partial<LoginFormLabels>;
|
|
157
|
+
children: ReactNode;
|
|
158
|
+
className?: string;
|
|
159
|
+
}
|
|
160
|
+
declare function LoginFormRoot({ errors, processing, linkComponent, labels, children, className, slotName, }: LoginFormRootProps & SlotNameProps): React.JSX.Element;
|
|
161
|
+
interface LoginFormStatusProps {
|
|
162
|
+
message?: string;
|
|
163
|
+
}
|
|
164
|
+
declare function LoginFormStatus({ message, slotName, }: LoginFormStatusProps & SlotNameProps): React.JSX.Element | null;
|
|
165
|
+
interface LoginFormEmailProps {
|
|
166
|
+
id?: string;
|
|
167
|
+
name?: string;
|
|
168
|
+
label?: string;
|
|
169
|
+
placeholder?: string;
|
|
170
|
+
error?: string;
|
|
171
|
+
tabIndex?: number;
|
|
172
|
+
autoFocus?: boolean;
|
|
173
|
+
required?: boolean;
|
|
174
|
+
}
|
|
175
|
+
declare function LoginFormEmail({ id, name, label, placeholder, error, tabIndex, autoFocus, required, slotName, }: LoginFormEmailProps & SlotNameProps): React.JSX.Element;
|
|
176
|
+
interface LoginFormPasswordProps {
|
|
177
|
+
id?: string;
|
|
178
|
+
name?: string;
|
|
179
|
+
label?: string;
|
|
180
|
+
placeholder?: string;
|
|
181
|
+
error?: string;
|
|
182
|
+
tabIndex?: number;
|
|
183
|
+
autoFocus?: boolean;
|
|
184
|
+
required?: boolean;
|
|
185
|
+
forgotPasswordHref?: UrlLike;
|
|
186
|
+
forgotPasswordLabel?: string;
|
|
187
|
+
linkComponent?: LinkComponent;
|
|
188
|
+
}
|
|
189
|
+
declare function LoginFormPassword({ id, name, label, placeholder, error, tabIndex, autoFocus, required, forgotPasswordHref, forgotPasswordLabel, linkComponent, slotName, }: LoginFormPasswordProps & SlotNameProps): React.JSX.Element;
|
|
190
|
+
interface LoginFormRememberProps {
|
|
191
|
+
id?: string;
|
|
192
|
+
name?: string;
|
|
193
|
+
label?: string;
|
|
194
|
+
tabIndex?: number;
|
|
195
|
+
}
|
|
196
|
+
declare function LoginFormRemember({ id, name, label, tabIndex, slotName, }: LoginFormRememberProps & SlotNameProps): React.JSX.Element;
|
|
197
|
+
interface LoginFormSubmitProps {
|
|
198
|
+
label?: string;
|
|
199
|
+
submittingLabel?: string;
|
|
200
|
+
processing?: boolean;
|
|
201
|
+
tabIndex?: number;
|
|
202
|
+
}
|
|
203
|
+
declare function LoginFormSubmit({ label, submittingLabel, processing, tabIndex, slotName, }: LoginFormSubmitProps & SlotNameProps): React.JSX.Element;
|
|
204
|
+
|
|
205
|
+
interface LoginFormContextValue {
|
|
206
|
+
errors: LoginFormErrors;
|
|
207
|
+
processing: boolean;
|
|
208
|
+
linkComponent?: LinkComponent;
|
|
209
|
+
labels?: Partial<LoginFormLabels>;
|
|
210
|
+
}
|
|
211
|
+
declare function useLoginFormContext(): LoginFormContextValue & {
|
|
212
|
+
labels: LoginFormLabels;
|
|
213
|
+
};
|
|
214
|
+
declare function LoginFormProvider({ errors, processing, linkComponent, labels, children, }: {
|
|
215
|
+
errors?: LoginFormErrors;
|
|
216
|
+
processing?: boolean;
|
|
217
|
+
linkComponent?: LinkComponent;
|
|
218
|
+
labels?: Partial<LoginFormLabels>;
|
|
219
|
+
children: ReactNode;
|
|
220
|
+
}): React.JSX.Element;
|
|
221
|
+
|
|
222
|
+
interface LoginFormPresetProps {
|
|
223
|
+
errors?: LoginFormErrors;
|
|
224
|
+
processing?: boolean;
|
|
225
|
+
linkComponent?: LinkComponent;
|
|
226
|
+
labels?: Partial<LoginFormLabels>;
|
|
227
|
+
status?: string;
|
|
228
|
+
forgotPasswordHref?: UrlLike;
|
|
229
|
+
className?: string;
|
|
230
|
+
}
|
|
231
|
+
declare function LoginFormPreset({ errors, processing, linkComponent, labels, status, forgotPasswordHref, className, slotName, }: LoginFormPresetProps & SlotNameProps): React.JSX.Element;
|
|
232
|
+
|
|
233
|
+
declare const LoginForm: {
|
|
234
|
+
Root: typeof LoginFormRoot;
|
|
235
|
+
Status: typeof LoginFormStatus;
|
|
236
|
+
Email: typeof LoginFormEmail;
|
|
237
|
+
Password: typeof LoginFormPassword;
|
|
238
|
+
Remember: typeof LoginFormRemember;
|
|
239
|
+
Submit: typeof LoginFormSubmit;
|
|
240
|
+
};
|
|
241
|
+
|
|
152
242
|
interface SectionHeaderProps {
|
|
153
243
|
icon?: ReactNode;
|
|
154
244
|
title: string;
|
|
@@ -336,4 +426,4 @@ interface TwoFactorVerifyFormProps extends TwoFactorLabelProps {
|
|
|
336
426
|
}
|
|
337
427
|
declare function TwoFactorVerifyForm({ onSubmit, errors, allowRecoveryCode, length, autoFocus, submitLabel, footer, labels, className, slotName, }: TwoFactorVerifyFormProps & SlotNameProps): React.JSX.Element;
|
|
338
428
|
|
|
339
|
-
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 };
|
|
429
|
+
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 };
|