@skiddph/prui 0.1.1 → 0.2.1

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,41 @@
 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 { Input as P, Textarea as i, inputPropsMeta as g, textareaPropsMeta as l } from "./core/input.js";
+import { Label as m, Separator as n, labelPropsMeta as d, separatorPropsMeta as T } from "./core/label.js";
+import { Select as u, SelectContent as S, SelectItem as c, SelectTrigger as b, SelectValue as x, selectPropsMeta as h } from "./core/select.js";
+import { Switch as F, switchPropsMeta as R } 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 y, Badge as E, Card as H, CardContent as I, CardDescription as B, CardFooter as O, CardHeader as j, 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 { Modal as se, confirmModal as pe, confirmModalPropsMeta as Pe, modalPropsMeta as ie } from "./core/modal.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 ue, T as Se, e as ce, f as be, g as xe } from "./chunks/data-table-toolbar-BUy2EWPy.js";
+import { Link as De, NavLink as Fe, Navigate as Re, Outlet as Ce, Route as we, Routes as Ae } from "react-router-dom";
+import { A as Ne, a as ve, b as ke, c as ye, C as Ee, F as He, R as Ie, S as Be, d as Oe, e as je, f as Ue, g as Ve, h as _e, i as qe, r as ze, s as Ge, j as Je, k as Ke, u as Qe } from "./chunks/auth-shell-DsAwGqf8.js";
+import { AdminSetup as Xe, EmptyState as Ye, ErrorPage as Ze, ForgotPasswordPage as $e, LoginPage as ea, LogoutPage as aa, NotFoundPage as ta, OtpPage as oa, PagesRegistry as ra, ProfilePage as sa, RegisterPage as pa, ResetPasswordPage as Pa, SettingsPage as ia, adminSetupPropsMeta as ga, emptyStatePropsMeta as la, errorPagePropsMeta as Ma, forgotPasswordPagePropsMeta as ma, loginPagePropsMeta as na, logoutPagePropsMeta as da, notFoundPagePropsMeta as Ta, otpPagePropsMeta as fa, profilePagePropsMeta as ua, registerPagePropsMeta as Sa, resetPasswordPagePropsMeta as ca, settingsPagePropsMeta as ba } from "./pages.js";
+import { PRUI_THEMES as ha, applyTheme as Da, isDarkTheme as Fa, isLightTheme as Ra, nextTheme as Ca, readPersistedTheme as wa, resolveThemeName as Aa, themeMeta as La, themeMode as Na } from "./theme.js";
 export {
-  Be as AdminSetup,
-  xe as App,
-  ue as AppShell,
-  De as AutoPages,
-  v as Avatar,
-  H as Badge,
+  Xe as AdminSetup,
+  Ne as App,
+  ve as AppShell,
+  ke as AuthShell,
+  ye as AutoPages,
+  y as Avatar,
+  E as Badge,
   r as Button,
-  I as Card,
-  B as CardContent,
-  k as CardDescription,
+  H as Card,
+  I as CardContent,
+  B as CardDescription,
   O as CardFooter,
-  U as CardHeader,
-  V as CardTitle,
-  he as CommandPalette,
+  j as CardHeader,
+  U as CardTitle,
+  Ee 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 +43,98 @@ export {
   W as DialogHeader,
   X as DialogTitle,
   $ as Dropdown,
-  ke as EmptyState,
-  Oe as ErrorPage,
-  me as FacetedFilter,
-  Ue as ForgotPasswordPage,
-  Ce as Form,
+  Ye as EmptyState,
+  Ze as ErrorPage,
+  Te as FacetedFilter,
+  $e as ForgotPasswordPage,
+  He as Form,
   P as Input,
-  d as Label,
-  Ve as LoginPage,
-  _e as LogoutPage,
+  m as Label,
+  De as Link,
+  ea as LoginPage,
+  aa as LogoutPage,
   se as Modal,
-  je as NotFoundPage,
+  Fe as NavLink,
+  Re as Navigate,
+  ta 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,
+  oa as OtpPage,
+  Ce as Outlet,
+  ha as PRUI_THEMES,
+  ra as PagesRegistry,
+  ue as PriceFilter,
+  sa as ProfilePage,
+  pa as RegisterPage,
+  Pa as ResetPasswordPage,
+  Ie as Resource,
+  we as Route,
+  Ae as Routes,
   te as ScrollArea,
-  b as Select,
-  c as SelectContent,
-  S as SelectItem,
-  x as SelectTrigger,
-  u as SelectValue,
+  u as Select,
+  S as SelectContent,
+  c as SelectItem,
+  b 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,
+  Be as SessionTimeout,
+  Oe as Settings,
+  ia as SettingsPage,
+  je as SidebarNav,
+  Ue as StatRow,
+  F as Switch,
+  w as Tabs,
   A as TabsContent,
   L as TabsList,
-  y as TabsTrigger,
-  g as Textarea,
-  We as adminSetupPropsMeta,
-  Le as appPropsMeta,
-  ia as applyTheme,
-  _ as avatarPropsMeta,
-  j as badgePropsMeta,
+  N as TabsTrigger,
+  i as Textarea,
+  Se as TimeRangeFilter,
+  ga as adminSetupPropsMeta,
+  Ve as appPropsMeta,
+  Da as applyTheme,
+  _e 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,
+  ce as dataTablePaginationPropsMeta,
   be as dataTablePropsMeta,
-  ce as dataTableToolbarPropsMeta,
+  xe as dataTableToolbarPropsMeta,
   Y as dialogPropsMeta,
   ee as dropdownPropsMeta,
-  Xe as emptyStatePropsMeta,
-  Ye as errorPagePropsMeta,
-  Ze as forgotPasswordPagePropsMeta,
-  ye as formPropsMeta,
-  i as inputPropsMeta,
-  la as isDarkTheme,
-  Ma as isLightTheme,
-  m as labelPropsMeta,
-  $e as loginPagePropsMeta,
-  ea 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,
+  la as emptyStatePropsMeta,
+  Ma as errorPagePropsMeta,
+  ma as forgotPasswordPagePropsMeta,
+  qe as formPropsMeta,
+  g as inputPropsMeta,
+  Fa as isDarkTheme,
+  Ra as isLightTheme,
+  d as labelPropsMeta,
+  na as loginPagePropsMeta,
+  da as logoutPagePropsMeta,
+  ie as modalPropsMeta,
+  Ca as nextTheme,
+  Ta as notFoundPagePropsMeta,
+  fa as otpPagePropsMeta,
+  ua as profilePagePropsMeta,
+  wa as readPersistedTheme,
+  Sa as registerPagePropsMeta,
+  ca as resetPasswordPagePropsMeta,
+  Aa as resolveThemeName,
+  ze 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,
+  Ge as sessionTimeoutPropsMeta,
+  ba as settingsPagePropsMeta,
+  Je as settingsPropsMeta,
+  Ke as statRowPropsMeta,
+  R as switchPropsMeta,
+  v as tabsPropsMeta,
   l as textareaPropsMeta,
-  ma as themeMeta,
-  fa as themeMode,
-  He as useThemeState
+  La as themeMeta,
+  Na as themeMode,
+  Qe 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[];