@skiddph/prui 0.1.0 → 0.2.0

package/dist/core/select.js

@@ -1,6 +1,6 @@
-import { jsxs as b, jsx as s, Fragment as O } from "react/jsx-runtime";
+import { jsxs as b, jsx as s, Fragment as P } from "react/jsx-runtime";
 import * as o from "react";
-import { ChevronDown as E, Check as P } from "lucide-react";
+import { ChevronDown as z, Check as D } from "lucide-react";
 import { cn as m } from "./cn.js";
 const S = o.createContext(null);
 function g() {
@@ -8,46 +8,48 @@ function g() {
   if (!r) throw new Error("Select parts must be used inside <Select>");
   return r;
 }
-const z = ({
+const F = ({
   options: r,
   value: a,
   defaultValue: t,
   placeholder: i = "Select...",
   disabled: e,
   name: d,
-  onChange: c,
-  onOpenChange: l,
-  children: f
+  id: u,
+  onChange: l,
+  onOpenChange: p,
+  children: f,
+  ...c
 }) => {
-  const [p, u] = o.useState(t ?? ""), [v, I] = o.useState(!1), [R, T] = o.useState(), x = a !== void 0 ? a : p, V = (n) => {
-    a === void 0 && u(n), c == null || c(n);
-  }, j = (n) => {
-    I(n), l == null || l(n);
+  const [v, I] = o.useState(t ?? ""), [R, T] = o.useState(!1), [V, j] = o.useState(), x = a !== void 0 ? a : v, O = (n) => {
+    a === void 0 && I(n), l == null || l(n);
+  }, E = (n) => {
+    T(n), p == null || p(n);
   };
   return /* @__PURE__ */ b(
     S.Provider,
     {
-      value: { value: x, open: v, triggerId: R, setValue: V, setOpen: j, registerTrigger: T },
+      value: { value: x, open: R, triggerId: V, setValue: O, setOpen: E, registerTrigger: j },
       children: [
         d ? /* @__PURE__ */ s("input", { type: "hidden", name: d, value: x }) : null,
-        f ?? /* @__PURE__ */ b(O, { children: [
-          /* @__PURE__ */ s(h, { disabled: e, children: /* @__PURE__ */ s(y, { placeholder: i }) }),
+        f ?? /* @__PURE__ */ b(P, { children: [
+          /* @__PURE__ */ s(h, { disabled: e, id: u, ...c, children: /* @__PURE__ */ s(y, { placeholder: i }) }),
           /* @__PURE__ */ s(w, { children: (r ?? []).map((n) => /* @__PURE__ */ s(N, { value: n.value, disabled: n.disabled, children: n.label }, n.value)) })
         ] })
       ]
     }
   );
 };
-z.displayName = "Select";
+F.displayName = "Select";
 const h = o.forwardRef(
-  ({ className: r, children: a, onClick: t, disabled: i, id: e, ...d }, c) => {
-    const { open: l, setOpen: f, registerTrigger: p } = g();
+  ({ className: r, children: a, onClick: t, disabled: i, id: e, ...d }, u) => {
+    const { open: l, setOpen: p, registerTrigger: f } = g();
     return o.useEffect(() => {
-      e && p(e);
-    }, [e, p]), /* @__PURE__ */ b(
+      e && f(e);
+    }, [e, f]), /* @__PURE__ */ b(
       "button",
       {
-        ref: c,
+        ref: u,
         id: e,
         type: "button",
         role: "combobox",
@@ -62,13 +64,13 @@ const h = o.forwardRef(
           "disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer",
           r
         ),
-        onClick: (u) => {
-          t == null || t(u), u.defaultPrevented || f(!l);
+        onClick: (c) => {
+          t == null || t(c), c.defaultPrevented || p(!l);
         },
         ...d,
         children: [
           a,
-          /* @__PURE__ */ s(E, { className: m("h-4 w-4 shrink-0 text-[var(--prui-dim)] transition-transform", l && "rotate-180"), "aria-hidden": !0 })
+          /* @__PURE__ */ s(z, { className: m("h-4 w-4 shrink-0 text-[var(--prui-dim)] transition-transform", l && "rotate-180"), "aria-hidden": !0 })
         ]
       }
     );
@@ -84,13 +86,13 @@ const y = o.forwardRef(
 y.displayName = "SelectValue";
 const w = o.forwardRef(
   ({ className: r, children: a, ...t }, i) => {
-    const { open: e, setOpen: d, triggerId: c } = g();
+    const { open: e, setOpen: d, triggerId: u } = g();
     return e ? /* @__PURE__ */ s(
       "div",
       {
         ref: i,
         role: "listbox",
-        "aria-labelledby": c,
+        "aria-labelledby": u,
         tabIndex: -1,
         "data-state": e ? "open" : "closed",
         className: m(
@@ -106,37 +108,37 @@ const w = o.forwardRef(
 );
 w.displayName = "SelectContent";
 const N = o.forwardRef(
-  ({ className: r, value: a, disabled: t, children: i, onClick: e, ...d }, c) => {
-    const { value: l, setValue: f, setOpen: p } = g(), u = l === a;
+  ({ className: r, value: a, disabled: t, children: i, onClick: e, ...d }, u) => {
+    const { value: l, setValue: p, setOpen: f } = g(), c = l === a;
     return /* @__PURE__ */ b(
       "div",
       {
-        ref: c,
+        ref: u,
         role: "option",
-        "aria-selected": u,
+        "aria-selected": c,
         "aria-disabled": t,
-        "data-selected": u || void 0,
+        "data-selected": c || void 0,
         className: m(
           "prui-select-item relative flex cursor-pointer items-center gap-2 rounded-[calc(var(--prui-radius)-1px)]",
           "py-1.5 pl-3 pr-8 text-sm text-[var(--prui-fg)] hover:bg-[var(--prui-raise)]",
-          u && "font-medium",
+          c && "font-medium",
           t && "opacity-50 pointer-events-none",
           r
         ),
         onClick: (v) => {
-          e == null || e(v), !(v.defaultPrevented || t) && (f(a), p(!1));
+          e == null || e(v), !(v.defaultPrevented || t) && (p(a), f(!1));
         },
         ...d,
         children: [
           i,
-          u ? /* @__PURE__ */ s(P, { className: "absolute right-2 h-4 w-4 text-[var(--prui-brand)]", "aria-hidden": !0 }) : null
+          c ? /* @__PURE__ */ s(D, { className: "absolute right-2 h-4 w-4 text-[var(--prui-brand)]", "aria-hidden": !0 }) : null
         ]
       }
     );
   }
 );
 N.displayName = "SelectItem";
-const U = {
+const A = {
   name: "Select",
   props: [
     { name: "options", type: "SelectOption[]", default: "[]", control: "object" },
@@ -148,10 +150,10 @@ const U = {
   ]
 };
 export {
-  z as Select,
+  F as Select,
   w as SelectContent,
   N as SelectItem,
   h as SelectTrigger,
   y as SelectValue,
-  U as selectPropsMeta
+  A as selectPropsMeta
 };

package/dist/data-table/data-table-date-filter.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+/** Single-date filter: one date input (exact day match). */
+export interface DateValue {
+    date?: string;
+}
+export interface DateFilterProps {
+    label?: string;
+    value?: DateValue;
+    defaultValue?: DateValue;
+    onChange?: (value: DateValue) => void;
+    className?: string;
+}
+export declare function DateFilter({ label, value: valueProp, defaultValue, onChange, className, }: DateFilterProps): React.JSX.Element;

package/dist/data-table/data-table-price-filter.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+/** Price range filter: min and max with a currency symbol. */
+export interface PriceRangeValue {
+    min?: number;
+    max?: number;
+}
+export interface PriceFilterProps {
+    label?: string;
+    value?: PriceRangeValue;
+    defaultValue?: PriceRangeValue;
+    onChange?: (value: PriceRangeValue) => void;
+    /** Currency symbol shown inside the inputs. */
+    currency?: string;
+    className?: string;
+}
+export declare function PriceFilter({ label, value: valueProp, defaultValue, onChange, currency, className, }: PriceFilterProps): React.JSX.Element;

package/dist/data-table/data-table-time-range-filter.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+/** Time range filter: start and end as HH:MM strings. */
+export interface TimeRangeValue {
+    from?: string;
+    to?: string;
+}
+export interface TimeRangeFilterProps {
+    label?: string;
+    value?: TimeRangeValue;
+    defaultValue?: TimeRangeValue;
+    onChange?: (value: TimeRangeValue) => void;
+    className?: string;
+}
+export declare function TimeRangeFilter({ label, value: valueProp, defaultValue, onChange, className, }: TimeRangeFilterProps): React.JSX.Element;

package/dist/data-table/data-table-toolbar.d.ts

@@ -5,8 +5,10 @@ import * as React from "react";
  * Toolbar: search input plus declarative filters.
  * Filter config entries are column keys with a type; the toolbar renders the
  * matching filter control and reports values through onFilterChange.
+ * Type names mirror the icanhelp filter family: faceted select, date,
+ * daterange, number, price, time.
  */
-export type ToolbarFilterType = "select" | "daterange" | "numberrange";
+export type ToolbarFilterType = "select" | "date" | "daterange" | "number" | "numberrange" | "price" | "time";
 export interface ToolbarFilterConfig {
     key: string;
     label: string;
@@ -14,9 +16,11 @@ export interface ToolbarFilterConfig {
     /** Options for type select. */
     options?: FacetOption[];
 }
-export type ToolbarFilterValue = string[] | {
+export type ToolbarFilterValue = string[] | string | {
     from?: string;
     to?: string;
+} | {
+    date?: string;
 } | {
     min?: number;
     max?: number;

package/dist/data-table/index.d.ts

@@ -4,4 +4,7 @@ export { DataTablePagination, dataTablePaginationPropsMeta, type DataTablePagina
 export { DataTableToolbar, dataTableToolbarPropsMeta, type DataTableToolbarProps, type ToolbarFilterConfig, type ToolbarFilterType, type ToolbarFilterValue, type ToolbarFilterValues, } from './data-table-toolbar';
 export { FacetedFilter, type FacetedFilterProps, type FacetOption } from './data-table-faceted-filter';
 export { DateRangeFilter, type DateRangeFilterProps, type DateRangeValue } from './data-table-daterange-filter';
+export { DateFilter, type DateFilterProps, type DateValue } from './data-table-date-filter';
 export { NumberRangeFilter, type NumberRangeFilterProps, type NumberRangeValue } from './data-table-number-range-filter';
+export { PriceFilter, type PriceFilterProps, type PriceRangeValue } from './data-table-price-filter';
+export { TimeRangeFilter, type TimeRangeFilterProps, type TimeRangeValue } from './data-table-time-range-filter';

package/dist/data-table.js

@@ -1,12 +1,15 @@
-import { D as t, a as s, b as l, c as o, F as r, N as b, d as T, e as i, f as n } from "./chunks/data-table-toolbar-C9likJBN.js";
+import { D as t, a as r, b as s, c as l, d as i, F as o, N as b, P as T, T as F, e as n, f as P, g } from "./chunks/data-table-toolbar-BUy2EWPy.js";
 export {
   t as DataTable,
-  s as DataTablePagination,
-  l as DataTableToolbar,
-  o as DateRangeFilter,
-  r as FacetedFilter,
+  r as DataTablePagination,
+  s as DataTableToolbar,
+  l as DateFilter,
+  i as DateRangeFilter,
+  o as FacetedFilter,
   b as NumberRangeFilter,
-  T as dataTablePaginationPropsMeta,
-  i as dataTablePropsMeta,
-  n as dataTableToolbarPropsMeta
+  T as PriceFilter,
+  F as TimeRangeFilter,
+  n as dataTablePaginationPropsMeta,
+  P as dataTablePropsMeta,
+  g as dataTableToolbarPropsMeta
 };

package/dist/index.js

@@ -1,38 +1,40 @@
 import { cn as t } from "./core/cn.js";
 import { Button as r, buttonPropsMeta as s } from "./core/button.js";
 import { Input as P, Textarea as g, inputPropsMeta as i, textareaPropsMeta as l } from "./core/input.js";
-import { Label as d, Separator as n, labelPropsMeta as m, separatorPropsMeta as f } from "./core/label.js";
-import { Select as b, SelectContent as c, SelectItem as S, SelectTrigger as x, SelectValue as u, selectPropsMeta as D } from "./core/select.js";
-import { Switch as C, switchPropsMeta as F } from "./core/switch.js";
-import { Tabs as R, TabsContent as A, TabsList as L, TabsTrigger as y, tabsPropsMeta as E } from "./core/tabs.js";
-import { Avatar as v, Badge as H, Card as I, CardContent as B, CardDescription as k, CardFooter as O, CardHeader as U, CardTitle as V, avatarPropsMeta as _, badgePropsMeta as j, cardPropsMeta as q } from "./core/card.js";
+import { Label as m, Separator as n, labelPropsMeta as d, separatorPropsMeta as T } from "./core/label.js";
+import { Select as S, SelectContent as c, SelectItem as b, SelectTrigger as u, SelectValue as x, selectPropsMeta as h } from "./core/select.js";
+import { Switch as F, switchPropsMeta as C } from "./core/switch.js";
+import { Tabs as w, TabsContent as A, TabsList as L, TabsTrigger as N, tabsPropsMeta as v } from "./core/tabs.js";
+import { Avatar as E, Badge as H, Card as I, CardContent as k, CardDescription as B, CardFooter as j, CardHeader as O, CardTitle as U, avatarPropsMeta as V, badgePropsMeta as _, cardPropsMeta as q } from "./core/card.js";
 import { Dialog as G, DialogContent as J, DialogDescription as K, DialogFooter as Q, DialogHeader as W, DialogTitle as X, dialogPropsMeta as Y } from "./core/dialog.js";
 import { Dropdown as $, dropdownPropsMeta as ee } from "./core/dropdown.js";
 import { ScrollArea as te, scrollAreaPropsMeta as oe } from "./core/scroll-area.js";
 import { Modal as se, confirmModal as pe, confirmModalPropsMeta as Pe, modalPropsMeta as ge } from "./core/modal.js";
-import { D as le, a as Me, b as de, c as ne, F as me, N as fe, d as Te, e as be, f as ce } from "./chunks/data-table-toolbar-C9likJBN.js";
-import { A as xe, a as ue, b as De, C as he, F as Ce, R as Fe, S as we, c as Re, d as Ae, e as Le, f as ye, r as Ee, s as Ne, g as ve, u as He } from "./chunks/settings-DUz5nyX-.js";
-import { AdminSetup as Be, EmptyState as ke, ErrorPage as Oe, ForgotPasswordPage as Ue, LoginPage as Ve, LogoutPage as _e, NotFoundPage as je, OtpPage as qe, PagesRegistry as ze, ProfilePage as Ge, RegisterPage as Je, ResetPasswordPage as Ke, SettingsPage as Qe, adminSetupPropsMeta as We, emptyStatePropsMeta as Xe, errorPagePropsMeta as Ye, forgotPasswordPagePropsMeta as Ze, loginPagePropsMeta as $e, logoutPagePropsMeta as ea, notFoundPagePropsMeta as aa, otpPagePropsMeta as ta, profilePagePropsMeta as oa, registerPagePropsMeta as ra, resetPasswordPagePropsMeta as sa, settingsPagePropsMeta as pa } from "./pages.js";
-import { PRUI_THEMES as ga, applyTheme as ia, isDarkTheme as la, isLightTheme as Ma, nextTheme as da, readPersistedTheme as na, themeMeta as ma, themeMode as fa } from "./theme.js";
+import { D as le, a as Me, b as me, c as ne, d as de, F as Te, N as fe, P as Se, T as ce, e as be, f as ue, g as xe } from "./chunks/data-table-toolbar-BUy2EWPy.js";
+import { A as De, a as Fe, b as Ce, c as Re, C as we, F as Ae, R as Le, S as Ne, d as ve, e as ye, f as Ee, g as He, h as Ie, i as ke, r as Be, s as je, j as Oe, k as Ue, u as Ve } from "./chunks/auth-shell-DsAwGqf8.js";
+import { AdminSetup as qe, EmptyState as ze, ErrorPage as Ge, ForgotPasswordPage as Je, LoginPage as Ke, LogoutPage as Qe, NotFoundPage as We, OtpPage as Xe, PagesRegistry as Ye, ProfilePage as Ze, RegisterPage as $e, ResetPasswordPage as ea, SettingsPage as aa, adminSetupPropsMeta as ta, emptyStatePropsMeta as oa, errorPagePropsMeta as ra, forgotPasswordPagePropsMeta as sa, loginPagePropsMeta as pa, logoutPagePropsMeta as Pa, notFoundPagePropsMeta as ga, otpPagePropsMeta as ia, profilePagePropsMeta as la, registerPagePropsMeta as Ma, resetPasswordPagePropsMeta as ma, settingsPagePropsMeta as na } from "./pages.js";
+import { PRUI_THEMES as Ta, applyTheme as fa, isDarkTheme as Sa, isLightTheme as ca, nextTheme as ba, readPersistedTheme as ua, resolveThemeName as xa, themeMeta as ha, themeMode as Da } from "./theme.js";
 export {
-  Be as AdminSetup,
-  xe as App,
-  ue as AppShell,
-  De as AutoPages,
-  v as Avatar,
+  qe as AdminSetup,
+  De as App,
+  Fe as AppShell,
+  Ce as AuthShell,
+  Re as AutoPages,
+  E as Avatar,
   H as Badge,
   r as Button,
   I as Card,
-  B as CardContent,
-  k as CardDescription,
-  O as CardFooter,
-  U as CardHeader,
-  V as CardTitle,
-  he as CommandPalette,
+  k as CardContent,
+  B as CardDescription,
+  j as CardFooter,
+  O as CardHeader,
+  U as CardTitle,
+  we as CommandPalette,
   le as DataTable,
   Me as DataTablePagination,
-  de as DataTableToolbar,
-  ne as DateRangeFilter,
+  me as DataTableToolbar,
+  ne as DateFilter,
+  de as DateRangeFilter,
   G as Dialog,
   J as DialogContent,
   K as DialogDescription,
@@ -40,86 +42,92 @@ export {
   W as DialogHeader,
   X as DialogTitle,
   $ as Dropdown,
-  ke as EmptyState,
-  Oe as ErrorPage,
-  me as FacetedFilter,
-  Ue as ForgotPasswordPage,
-  Ce as Form,
+  ze as EmptyState,
+  Ge as ErrorPage,
+  Te as FacetedFilter,
+  Je as ForgotPasswordPage,
+  Ae as Form,
   P as Input,
-  d as Label,
-  Ve as LoginPage,
-  _e as LogoutPage,
+  m as Label,
+  Ke as LoginPage,
+  Qe as LogoutPage,
   se as Modal,
-  je as NotFoundPage,
+  We as NotFoundPage,
   fe as NumberRangeFilter,
-  qe as OtpPage,
-  ga as PRUI_THEMES,
-  ze as PagesRegistry,
-  Ge as ProfilePage,
-  Je as RegisterPage,
-  Ke as ResetPasswordPage,
-  Fe as Resource,
+  Xe as OtpPage,
+  Ta as PRUI_THEMES,
+  Ye as PagesRegistry,
+  Se as PriceFilter,
+  Ze as ProfilePage,
+  $e as RegisterPage,
+  ea as ResetPasswordPage,
+  Le as Resource,
   te as ScrollArea,
-  b as Select,
+  S as Select,
   c as SelectContent,
-  S as SelectItem,
-  x as SelectTrigger,
-  u as SelectValue,
+  b as SelectItem,
+  u as SelectTrigger,
+  x as SelectValue,
   n as Separator,
-  we as Settings,
-  Qe as SettingsPage,
-  Re as SidebarNav,
-  Ae as StatRow,
-  C as Switch,
-  R as Tabs,
+  Ne as SessionTimeout,
+  ve as Settings,
+  aa as SettingsPage,
+  ye as SidebarNav,
+  Ee as StatRow,
+  F as Switch,
+  w as Tabs,
   A as TabsContent,
   L as TabsList,
-  y as TabsTrigger,
+  N as TabsTrigger,
   g as Textarea,
-  We as adminSetupPropsMeta,
-  Le as appPropsMeta,
-  ia as applyTheme,
-  _ as avatarPropsMeta,
-  j as badgePropsMeta,
+  ce as TimeRangeFilter,
+  ta as adminSetupPropsMeta,
+  He as appPropsMeta,
+  fa as applyTheme,
+  Ie as authShellPropsMeta,
+  V as avatarPropsMeta,
+  _ as badgePropsMeta,
   s as buttonPropsMeta,
   q as cardPropsMeta,
   t as cn,
   pe as confirmModal,
   Pe as confirmModalPropsMeta,
-  Te as dataTablePaginationPropsMeta,
-  be as dataTablePropsMeta,
-  ce as dataTableToolbarPropsMeta,
+  be as dataTablePaginationPropsMeta,
+  ue as dataTablePropsMeta,
+  xe as dataTableToolbarPropsMeta,
   Y as dialogPropsMeta,
   ee as dropdownPropsMeta,
-  Xe as emptyStatePropsMeta,
-  Ye as errorPagePropsMeta,
-  Ze as forgotPasswordPagePropsMeta,
-  ye as formPropsMeta,
+  oa as emptyStatePropsMeta,
+  ra as errorPagePropsMeta,
+  sa as forgotPasswordPagePropsMeta,
+  ke as formPropsMeta,
   i as inputPropsMeta,
-  la as isDarkTheme,
-  Ma as isLightTheme,
-  m as labelPropsMeta,
-  $e as loginPagePropsMeta,
-  ea as logoutPagePropsMeta,
+  Sa as isDarkTheme,
+  ca as isLightTheme,
+  d as labelPropsMeta,
+  pa as loginPagePropsMeta,
+  Pa as logoutPagePropsMeta,
   ge as modalPropsMeta,
-  da as nextTheme,
-  aa as notFoundPagePropsMeta,
-  ta as otpPagePropsMeta,
-  oa as profilePagePropsMeta,
-  na as readPersistedTheme,
-  ra as registerPagePropsMeta,
-  sa as resetPasswordPagePropsMeta,
-  Ee as resourcePropsMeta,
+  ba as nextTheme,
+  ga as notFoundPagePropsMeta,
+  ia as otpPagePropsMeta,
+  la as profilePagePropsMeta,
+  ua as readPersistedTheme,
+  Ma as registerPagePropsMeta,
+  ma as resetPasswordPagePropsMeta,
+  xa as resolveThemeName,
+  Be as resourcePropsMeta,
   oe as scrollAreaPropsMeta,
-  D as selectPropsMeta,
-  f as separatorPropsMeta,
-  pa as settingsPagePropsMeta,
-  Ne as settingsPropsMeta,
-  ve as statRowPropsMeta,
-  F as switchPropsMeta,
-  E as tabsPropsMeta,
+  h as selectPropsMeta,
+  T as separatorPropsMeta,
+  je as sessionTimeoutPropsMeta,
+  na as settingsPagePropsMeta,
+  Oe as settingsPropsMeta,
+  Ue as statRowPropsMeta,
+  C as switchPropsMeta,
+  v as tabsPropsMeta,
   l as textareaPropsMeta,
-  ma as themeMeta,
-  fa as themeMode,
-  He as useThemeState
+  ha as themeMeta,
+  Da as themeMode,
+  Ve as useThemeState
 };

package/dist/pages/forgot-password.d.ts

@@ -1,5 +1,5 @@
 import { PropsMeta } from '../core/props-meta';
-import { PageLink } from './shared';
+import { PageLinkInput } from './shared';
 import { BrandConfig } from '../app/app';
 import * as React from "react";
 export interface ForgotPasswordPageProps {
@@ -7,8 +7,8 @@ export interface ForgotPasswordPageProps {
         email: string;
     }) => void | Promise<void>;
     links?: {
-        login?: PageLink | false;
-        register?: PageLink | false;
+        login?: PageLinkInput | false;
+        register?: PageLinkInput | false;
     };
     brand?: BrandConfig;
     submitLabel?: string;

package/dist/pages/login.d.ts

@@ -1,19 +1,19 @@
 import { PropsMeta } from '../core/props-meta';
-import { PageField, PageLink, OAuthProvider } from './shared';
+import { PageField, PageLinkInput, OAuthProviderInput } from './shared';
 import { BrandConfig } from '../app/app';
 import * as React from "react";
 export interface LoginLinks {
-    forgot?: PageLink | false;
-    register?: PageLink | false;
+    forgot?: PageLinkInput | false;
+    register?: PageLinkInput | false;
 }
 export interface LoginPageProps {
     onSubmit?: (values: Record<string, string>) => void | Promise<void>;
     /** Per-field show/hide: keys match field names, true renders the field. */
-    fields?: Partial<Record<"email" | "password" | "remember", boolean>>;
+    fields?: Partial<Record<"username" | "email" | "password" | "remember", boolean>>;
     /** Extra fields appended to the defaults. */
     extraFields?: PageField[];
     links?: LoginLinks;
-    oauth?: OAuthProvider[];
+    oauth?: OAuthProviderInput[];
     brand?: BrandConfig;
     submitLabel?: string;
     loading?: boolean;

package/dist/pages/register.d.ts

@@ -1,5 +1,5 @@
 import { PropsMeta } from '../core/props-meta';
-import { PageField, PageLink, OAuthProvider } from './shared';
+import { PageField, PageLinkInput, OAuthProviderInput } from './shared';
 import { BrandConfig } from '../app/app';
 import * as React from "react";
 export interface RegisterPageProps {
@@ -7,9 +7,9 @@ export interface RegisterPageProps {
     fields?: Partial<Record<"name" | "email" | "password" | "confirm", boolean>>;
     extraFields?: PageField[];
     links?: {
-        login?: PageLink | false;
+        login?: PageLinkInput | false;
     };
-    oauth?: OAuthProvider[];
+    oauth?: OAuthProviderInput[];
     brand?: BrandConfig;
     submitLabel?: string;
     loading?: boolean;

package/dist/pages/reset-password.d.ts

@@ -1,5 +1,5 @@
 import { PropsMeta } from '../core/props-meta';
-import { PageLink } from './shared';
+import { PageLinkInput } from './shared';
 import { BrandConfig } from '../app/app';
 import * as React from "react";
 export interface ResetPasswordPageProps {
@@ -9,7 +9,7 @@ export interface ResetPasswordPageProps {
     }) => void | Promise<void>;
     fields?: Partial<Record<"password" | "confirm", boolean>>;
     links?: {
-        login?: PageLink | false;
+        login?: PageLinkInput | false;
     };
     brand?: BrandConfig;
     submitLabel?: string;

package/dist/pages/shared.d.ts

@@ -25,6 +25,13 @@ export interface OAuthProvider {
         className?: string;
     }>;
 }
+/** Well-known providers may be passed as plain ids. */
+export type OAuthProviderInput = OAuthProvider | "google" | "github" | "microsoft";
+export declare function normalizeProviders(providers?: OAuthProviderInput[]): OAuthProvider[];
+/** Links accept a plain href string or a {label, href} object. */
+export type PageLinkInput = PageLink | string;
+export declare function linkHref(link: PageLinkInput): string;
+export declare function linkLabel(link: PageLinkInput, fallback: string): string;
 export interface PageSubmitState {
     loading?: boolean;
     error?: string | null;
@@ -47,8 +54,8 @@ export declare function LoadingButtonLabel({ loading, children }: {
     loading?: boolean;
     children: React.ReactNode;
 }): React.JSX.Element;
-export declare function OAuthButtons({ providers }: {
-    providers?: OAuthProvider[];
+export declare function OAuthButtons({ providers: rawProviders }: {
+    providers?: OAuthProviderInput[];
 }): React.JSX.Element | null;
 /** Default field sets per page; pages merge with caller overrides via the fields prop. */
 export declare const defaultLoginFields: PageField[];