@godxjp/ui 18.0.3 → 18.1.1

package/dist/inertia/index.d.ts

@@ -0,0 +1,65 @@
+import type { FormStateAdapter } from "../props/components/form.prop.js";
+/**
+ * Structural shape of Inertia's `useForm` return that the adapter needs. Duck-typed on purpose —
+ * `@godxjp/ui` keeps ZERO dependency on `@inertiajs/react`; the real `useForm()` object satisfies
+ * this shape, so a consumer passes it directly with no import from this package.
+ */
+export interface InertiaFormLike<TData extends Record<string, unknown> = Record<string, unknown>> {
+    /** Current form values (server-driven state). */
+    data: TData;
+    /** Write a single field back (Inertia signature: `setData(key, value)`). */
+    setData(key: string, value: unknown): void;
+    /** Server (Laravel FormRequest) validation errors, keyed by field name. */
+    errors: Partial<Record<string, string>>;
+    /** True while a submit request is in flight. */
+    processing: boolean;
+}
+/**
+ * Wrap an Inertia `useForm()` object as a framework-agnostic {@link FormStateAdapter} so it drives
+ * `FormRoot`/`FormFieldControl` with the SAME auto-binding as the react-hook-form path — no manual
+ * `value`/`onChange`/`error`/`aria-invalid` per field, and `processing` flows to submit-button
+ * loading via `useFormSubmitting()`. Server errors in `form.errors` surface on the matching
+ * `FormFieldControl` and clear on correction (Inertia clears the error on `setData`).
+ *
+ * @example
+ * ```tsx
+ * import { FormRoot, FormFieldControl, useFormSubmitting } from "@godxjp/ui/form";
+ * import { inertiaAdapter } from "@godxjp/ui/inertia";
+ * import { useForm } from "@inertiajs/react";
+ *
+ * const form = useForm({ email: "", password: "" });
+ * return (
+ *   <FormRoot adapter={inertiaAdapter(form)} onSubmit={() => form.post("/login")}>
+ *     <FormFieldControl name="email" label="Email" required>
+ *       {(field) => <Input {...field} type="email" value={String(field.value ?? "")} />}
+ *     </FormFieldControl>
+ *     <Button type="submit" loading={useFormSubmitting()}>Sign in</Button>
+ *   </FormRoot>
+ * );
+ * ```
+ */
+export declare function inertiaAdapter<TData extends Record<string, unknown>>(form: InertiaFormLike<TData>): FormStateAdapter;
+/**
+ * Lighter helper for consumers who compose `FormField` by hand rather than `FormRoot`. Returns the
+ * exact props to spread onto a `FormField` + its control — `value`, `onChange`, `error`, `name` —
+ * so no field is hand-wired. Use `inertiaAdapter` + `FormRoot` for the full auto-binding instead.
+ *
+ * @example
+ * ```tsx
+ * const form = useForm({ email: "" });
+ * const email = useInertiaField(form, "email");
+ * <FormField id="email" label="Email" error={email.error}>
+ *   <Input {...email} value={String(email.value ?? "")} type="email" />
+ * </FormField>
+ * ```
+ */
+export declare function useInertiaField<TData extends Record<string, unknown>>(form: InertiaFormLike<TData>, name: string): {
+    name: string;
+    value: unknown;
+    error: string | undefined;
+    onChange: (event: {
+        target: {
+            value: unknown;
+        };
+    }) => void;
+};

package/dist/inertia/index.js

@@ -0,0 +1,22 @@
+"use client";
+function inertiaAdapter(form) {
+  return {
+    getValue: (name) => form.data[name],
+    setValue: (name, value) => form.setData(name, value),
+    getError: (name) => form.errors[name],
+    isSubmitting: form.processing,
+    getValues: () => form.data
+  };
+}
+function useInertiaField(form, name) {
+  return {
+    name,
+    value: form.data[name],
+    error: form.errors[name],
+    onChange: (event) => form.setData(name, event?.target?.value)
+  };
+}
+export {
+  inertiaAdapter,
+  useInertiaField
+};

package/dist/props/components/form.prop.d.ts

@@ -9,9 +9,41 @@ export type ZodSchemaProp<T extends z.ZodType = z.ZodType> = T;
 export type UseZodFormOptionsProp<TFieldValues extends FieldValues> = Omit<UseFormProps<TFieldValues>, "resolver">;
 /** Return type of useZodForm. */
 export type UseZodFormReturnProp<TFieldValues extends FieldValues> = UseFormReturn<TFieldValues>;
+/**
+ * Framework-agnostic form-state adapter — decouples `FormRoot`/`FormFieldControl` from any single
+ * form library. The DS ships the built-in react-hook-form path (`form`), and an adapter lets a
+ * SERVER-driven form library plug into the same auto-binding: Inertia's `useForm`
+ * (`@godxjp/ui/inertia`), formik, or TanStack Form. The core has ZERO dependency on any of them —
+ * a consumer wraps its own form object in an adapter and passes it to `FormRoot`.
+ */
+export interface FormStateAdapter {
+    /** Current value of the field `name` (dotted paths allowed if the underlying store supports them). */
+    getValue(name: string): unknown;
+    /** Write `value` back to the field `name` (e.g. Inertia's `setData(name, value)`). */
+    setValue(name: string, value: unknown): void;
+    /** Server/validation error message for `name`, or undefined when the field is valid. */
+    getError(name: string): string | undefined;
+    /** True while a submit is in flight (e.g. Inertia's `processing`) — drives submit-button loading. */
+    isSubmitting: boolean;
+    /** Optional blur handler (e.g. touch-tracking); called with the field name. */
+    onBlur?(name: string): void;
+    /** Optional snapshot of all values, passed to `onSubmit`; defaults to `{}` when absent. */
+    getValues?(): unknown;
+}
 /** @see FormRoot */
 export type FormRootProp<TFieldValues extends FieldValues> = {
-    form: UseZodFormReturnProp<TFieldValues>;
+    /**
+     * react-hook-form return (client-side Zod validation). Provide EITHER `form` OR `adapter` — `form`
+     * is the built-in client path; `adapter` plugs in a server-driven form library (Inertia/formik).
+     */
+    form?: UseZodFormReturnProp<TFieldValues>;
+    /**
+     * Framework-agnostic form-state adapter (e.g. `inertiaAdapter(form)` from `@godxjp/ui/inertia`).
+     * Provide EITHER `form` OR `adapter`. With an adapter, `FormFieldControl` auto-binds each field by
+     * `name` (value/onChange/error/aria) and `useFormSubmitting()` reads `isSubmitting`.
+     */
+    adapter?: FormStateAdapter;
+    /** Submit handler. RHF path receives validated `values`; the adapter path calls it with a snapshot (`getValues()`), typically ignored in favour of the form library's own submit (`form.post(url)`). */
     onSubmit: (values: TFieldValues) => void | Promise<void>;
     children: React.ReactNode;
     className?: string;

package/dist/props/components/layout.prop.d.ts

@@ -1,7 +1,7 @@
 /** Layout component prop types — @see docs/COMPONENTS.md#layout */
 import type * as React from "react";
 import type { ComponentType, ReactNode, SVGProps } from "react";
-import type { BreadcrumbProp, TitleProp, SubtitleProp, ExtraProp, FooterProp, PageDensityProp, PageContainerVariantProp, GapProp, ClassNameProp, ChildrenProp } from "../vocabulary/index.js";
+import type { BreadcrumbProp, TitleProp, SubtitleProp, ExtraProp, FooterProp, PageDensityProp, PageContainerVariantProp, CenteredShellWidthProp, GapProp, ClassNameProp, ChildrenProp } from "../vocabulary/index.js";
 /** @see PageContainer */
 export type PageContainerProp = {
     title: TitleProp;
@@ -108,6 +108,34 @@ export type AuthShellProp = {
     footer?: ReactNode;
     className?: ClassNameProp;
 };
+/**
+ * @see CenteredShell — authenticated, no-sidebar, centred-column page shell (hosted-ID "My Page",
+ * account / self-service, standalone settings). A padded top bar with real actions (banner) reusing
+ * AppShell's `.app-topbar` chrome WITHOUT a sidebar, a scrollable `main` holding a centred column of
+ * configurable medium width (`width` = sm|md|lg, all wider than AuthShell's 24rem card) top-aligned
+ * so sections flow + scroll, and an optional footer (contentinfo). Fills the gap between AppShell
+ * (needs a sidebar) and AuthShell (unauthenticated, narrow vertically-centred card) — so a hosted
+ * account page needs ZERO custom CSS and never hand-rolls a bar (the `.ui-topbar` zero-inset
+ * footgun). Layout-only; delegate motion to `Reveal`.
+ */
+export type CenteredShellProp = {
+    /** Centred column content — page sections (identity hero, org picker, service grid, team list). */
+    children: ReactNode;
+    /**
+     * Top bar slot (banner) — a `<Topbar>` with brand + real actions (an `AppSettingPicker`, a user
+     * menu, sign-out). CenteredShell wraps it in the SAME padded chrome as AppShell's topbar
+     * (padding-inline · border · backdrop), so you never hand-roll a bar. Omit → no banner.
+     */
+    topbar?: ReactNode;
+    /** Footer slot (contentinfo) pinned to the bottom (legal links, locale switch, support). Omit → none. */
+    footer?: ReactNode;
+    /**
+     * Max-width of the centred content column: `sm` ~32rem, `md` (default) ~46rem, `lg` ~64rem — all
+     * wider than AuthShell's 24rem auth card. A service retunes each tier via `--centered-shell-width-*`.
+     */
+    width?: CenteredShellWidthProp;
+    className?: ClassNameProp;
+};
 /** @see Sidebar */
 export type SidebarProductProp = {
     name: string;

package/dist/props/registry.d.ts

@@ -184,6 +184,11 @@ export declare const VOCABULARY_REGISTRY: {
         readonly category: "layout";
         readonly description: "Page shell layout — default, narrow, flush, ghost";
     };
+    readonly CenteredShellWidthProp: {
+        readonly file: "vocabulary/layout.prop.ts";
+        readonly category: "layout";
+        readonly description: "CenteredShell column max-width — sm, md, lg";
+    };
     readonly GapProp: {
         readonly file: "vocabulary/layout.prop.ts";
         readonly category: "layout";
@@ -453,6 +458,11 @@ export declare const COMPONENT_PROP_REGISTRY: {
         readonly file: "components/layout.prop.ts";
         readonly vocabulary: readonly ["ChildrenProp", "ClassNameProp"];
     };
+    readonly CenteredShellProp: {
+        readonly group: "layout";
+        readonly file: "components/layout.prop.ts";
+        readonly vocabulary: readonly ["ChildrenProp", "ClassNameProp", "CenteredShellWidthProp"];
+    };
     readonly SidebarProductProp: {
         readonly group: "layout";
         readonly file: "components/layout.prop.ts";

package/dist/props/registry.js

@@ -182,6 +182,11 @@ const VOCABULARY_REGISTRY = {
     category: "layout",
     description: "Page shell layout \u2014 default, narrow, flush, ghost"
   },
+  CenteredShellWidthProp: {
+    file: "vocabulary/layout.prop.ts",
+    category: "layout",
+    description: "CenteredShell column max-width \u2014 sm, md, lg"
+  },
   GapProp: {
     file: "vocabulary/layout.prop.ts",
     category: "layout",
@@ -438,6 +443,11 @@ const COMPONENT_PROP_REGISTRY = {
     file: "components/layout.prop.ts",
     vocabulary: ["ChildrenProp", "ClassNameProp"]
   },
+  CenteredShellProp: {
+    group: "layout",
+    file: "components/layout.prop.ts",
+    vocabulary: ["ChildrenProp", "ClassNameProp", "CenteredShellWidthProp"]
+  },
   SidebarProductProp: {
     group: "layout",
     file: "components/layout.prop.ts",

package/dist/props/vocabulary/index.d.ts

@@ -1,7 +1,7 @@
 /** Barrel — all vocabulary prop types. */
 export type { ClassNameProp, ChildrenProp, IdProp, OpenProp, DefaultOpenProp, OnOpenChangeProp, HandlerProp, PendingProp, RequiredProp, DisabledProp, LabelProp, HelperProp, ErrorProp, PlaceholderProp, NameProp, ValueProp, DefaultValueProp, OnValueChangeProp, OnChangeProp, OnClickProp, AsChildProp, WidthProp, } from "./shared.prop.js";
 export type { TitleProp, SubtitleProp, DescriptionProp, ExtraProp, FooterProp, ActionProp, IconProp, ConfirmLabelProp, CancelLabelProp, ActionsProp, EmptyMessageProp, } from "./content.prop.js";
-export type { PageDensityProp, PageContainerVariantProp, TableDensityProp, DensityProp, GapProp, } from "./layout.prop.js";
+export type { PageDensityProp, PageContainerVariantProp, CenteredShellWidthProp, TableDensityProp, DensityProp, GapProp, } from "./layout.prop.js";
 export type { ButtonVariantProp, ButtonSizeProp, BadgeVariantProp, AppSettingPickerAppearanceProp, ShapeProp, TextSizeProp, TextToneProp, FontWeightProp, HeadingLevelProp, TextAlignProp, SizeProp, FormLayoutProp, BreakpointProp, ConfirmVariantProp, ToneProp, AlertVariantProp, SortDirectionProp, ColumnAlignProp, SortStateProp, RevealDelayProp, } from "./interaction.prop.js";
 export type { BreadcrumbItemProp, BreadcrumbProp } from "./navigation.prop.js";
 export type { GetRowIdProp, OnRowClickProp, ColumnDefProp, SelectedIdsProp, OnSelectChangeProp, OnTableDensityChangeProp, OnSortChangeProp, OnSearchChangeProp, OnClearFiltersProp, HasActiveFiltersProp, } from "./data.prop.js";

package/dist/props/vocabulary/layout.prop.d.ts

@@ -8,6 +8,8 @@ export type PageDensityProp = "compact" | "default" | "comfortable";
 export type DensityProp = "compact" | "default" | "comfortable";
 /** Page shell layout — orthogonal to PageDensityProp. */
 export type PageContainerVariantProp = "default" | "narrow" | "flush" | "ghost";
+/** CenteredShell content-column max-width tier — sm ~32rem, md ~46rem, lg ~64rem. */
+export type CenteredShellWidthProp = "sm" | "md" | "lg";
 /** Shared gap between layout children; components may document subsets. */
 export type GapProp = "xs" | "sm" | "md" | "lg" | "xl";
 /** DataTable row density subset. */

package/dist/styles/shell-layout.css

@@ -123,6 +123,72 @@
     color: hsl(var(--muted-foreground));
   }
 
+  /*
+   * CENTERED SHELL — authenticated, no-sidebar, centred-column page shell (hosted-ID "My Page",
+   * account / self-service, standalone settings). A flex column over the same brand-wash surface as
+   * the app/auth shells: a padded top bar that MIRRORS `.app-topbar` chrome (fixed height + inline
+   * padding + border + backdrop) but WITHOUT a sidebar grid, a scrollable `main` whose content is a
+   * width-tiered centred column that is TOP-aligned (sections flow + scroll, never vertically
+   * centred like the auth card), and an optional footer. Every knob reads a token.
+   */
+  .ui-centered-shell {
+    display: flex;
+    min-height: 100dvh;
+    flex-direction: column;
+    background:
+      linear-gradient(180deg, hsl(var(--primary) / 0.035), transparent 14rem),
+      hsl(var(--background));
+  }
+
+  .ui-centered-shell-bar {
+    display: flex;
+    min-width: 0;
+    min-height: var(--centered-shell-bar-height);
+    flex: 0 0 auto;
+    align-items: center;
+    gap: var(--space-3);
+    padding-inline: var(--centered-shell-bar-padding-x);
+    border-bottom: 1px solid hsl(var(--border));
+    background: hsl(var(--background) / 0.92);
+    /* Opt-in brand-chrome wash — shares the topbar hook, invisible by default (none). */
+    background-image: var(--topbar-gradient);
+    backdrop-filter: blur(12px);
+  }
+
+  .ui-centered-shell-main {
+    display: flex;
+    min-width: 0;
+    flex: 1 1 auto;
+    flex-direction: column;
+    overflow: auto;
+    /* Ambient brand glow hook — shares the app-main hook, invisible by default (none). */
+    background-image: var(--gradient-glow);
+    /* Sole scroll/clip boundary for the page area (same containment rationale as `.app-main`). */
+    contain: paint;
+    padding: var(--centered-shell-main-padding);
+  }
+
+  .ui-centered-shell-column {
+    width: 100%;
+    margin-inline: auto;
+    max-width: var(--centered-shell-width-md);
+  }
+
+  .ui-centered-shell-column[data-width="sm"] {
+    max-width: var(--centered-shell-width-sm);
+  }
+
+  .ui-centered-shell-column[data-width="lg"] {
+    max-width: var(--centered-shell-width-lg);
+  }
+
+  .ui-centered-shell-footer {
+    padding: var(--centered-shell-footer-padding);
+    border-top: 1px solid hsl(var(--border));
+    text-align: center;
+    color: hsl(var(--muted-foreground));
+  }
+
   .app-topbar-rail {
     display: flex;
     min-width: 0;
@@ -169,7 +235,7 @@
     font-size: var(--font-size-base);
   }
 
-  @media (max-width: 1023px) {
+  @media (width < 64rem) {
     .app-root,
     .app-root[data-collapsed="true"] {
       grid-template-areas:
@@ -536,26 +602,34 @@
     color: hsl(var(--muted-foreground));
   }
 
-  [data-collapsed="true"] .sb-user-meta,
-  [data-collapsed="true"] .sb-user-menu {
+  :is(.app-root[data-collapsed="true"] > .app-sidebar, .sb-root[data-collapsed="true"])
+    .sb-user-meta,
+  :is(.app-root[data-collapsed="true"] > .app-sidebar, .sb-root[data-collapsed="true"])
+    .sb-user-menu {
     display: none;
   }
 
-  [data-collapsed="true"] .sb-product-name,
-  [data-collapsed="true"] .sb-product-tenant,
-  [data-collapsed="true"] .sb-product-caret,
-  [data-collapsed="true"] .sb-section-label,
-  [data-collapsed="true"] .sb-label,
-  [data-collapsed="true"] .sb-badge {
+  :is(.app-root[data-collapsed="true"] > .app-sidebar, .sb-root[data-collapsed="true"])
+    .sb-product-name,
+  :is(.app-root[data-collapsed="true"] > .app-sidebar, .sb-root[data-collapsed="true"])
+    .sb-product-tenant,
+  :is(.app-root[data-collapsed="true"] > .app-sidebar, .sb-root[data-collapsed="true"])
+    .sb-product-caret,
+  :is(.app-root[data-collapsed="true"] > .app-sidebar, .sb-root[data-collapsed="true"])
+    .sb-section-label,
+  :is(.app-root[data-collapsed="true"] > .app-sidebar, .sb-root[data-collapsed="true"]) .sb-label,
+  :is(.app-root[data-collapsed="true"] > .app-sidebar, .sb-root[data-collapsed="true"]) .sb-badge {
     display: none;
   }
 
-  [data-collapsed="true"] .sb-product {
+  :is(.app-root[data-collapsed="true"] > .app-sidebar, .sb-root[data-collapsed="true"])
+    .sb-product {
     justify-content: center;
     padding: 0;
   }
 
-  [data-collapsed="true"] .sb-nav-item {
+  :is(.app-root[data-collapsed="true"] > .app-sidebar, .sb-root[data-collapsed="true"])
+    .sb-nav-item {
     width: var(--control-height);
     justify-content: center;
     margin-inline: auto;

package/dist/tokens/components/shell.css

@@ -42,4 +42,16 @@
   --auth-shell-bar-padding: var(--space-5) var(--space-6);
   --auth-shell-main-padding: var(--space-6);
   --auth-shell-footer-padding: var(--space-3) var(--space-6) var(--space-4);
+
+  /* CenteredShell — authenticated, no-sidebar, centred-column page shell (hosted-ID "My Page",
+   * account, standalone settings). The bar mirrors AppShell's `.app-topbar` chrome (fixed height +
+   * inline padding); the column max-width has three tiers, all wider than the 24rem auth card. A
+   * service retunes the bar inset, block padding and each width tier without forking CSS. */
+  --centered-shell-bar-height: 3.25rem;
+  --centered-shell-bar-padding-x: var(--space-4);
+  --centered-shell-main-padding: var(--space-6);
+  --centered-shell-footer-padding: var(--space-3) var(--space-6) var(--space-4);
+  --centered-shell-width-sm: 32rem;
+  --centered-shell-width-md: 46rem;
+  --centered-shell-width-lg: 64rem;
 }

package/package.json

@@ -1,9 +1,14 @@
 {
   "name": "@godxjp/ui",
-  "version": "18.0.3",
-  "godxUiMcp": "18.0.2",
+  "version": "18.1.1",
+  "godxUiMcp": "18.1.0",
   "type": "module",
   "packageManager": "pnpm@10.29.1",
+  "pnpm": {
+    "overrides": {
+      "esbuild": ">=0.28.1"
+    }
+  },
   "sideEffects": false,
   "description": "@godxjp/ui — shared React UI framework (shadcn + Radix + Tailwind v4).",
   "files": [
@@ -88,6 +93,10 @@
       "types": "./dist/form/index.d.ts",
       "import": "./dist/form/index.js"
     },
+    "./inertia": {
+      "types": "./dist/inertia/index.d.ts",
+      "import": "./dist/inertia/index.js"
+    },
     "./app": {
       "types": "./dist/app/index.d.ts",
       "import": "./dist/app/index.js"
@@ -363,32 +372,32 @@
     "@date-fns/tz": "^1.5.0",
     "@fontsource/montserrat": "^5.2.8",
     "@fontsource/noto-sans-jp": "^5.2.9",
-    "@radix-ui/react-accordion": "^1.2.12",
-    "@radix-ui/react-alert-dialog": "^1.1.15",
-    "@radix-ui/react-aspect-ratio": "^1.1.8",
-    "@radix-ui/react-avatar": "^1.1.11",
-    "@radix-ui/react-checkbox": "^1.3.3",
-    "@radix-ui/react-collapsible": "^1.1.12",
-    "@radix-ui/react-context": "^1.1.2",
-    "@radix-ui/react-context-menu": "^2.2.16",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@radix-ui/react-hover-card": "^1.1.15",
-    "@radix-ui/react-label": "^2.1.8",
-    "@radix-ui/react-menubar": "^1.1.16",
-    "@radix-ui/react-navigation-menu": "^1.2.14",
-    "@radix-ui/react-popover": "^1.1.15",
-    "@radix-ui/react-radio-group": "^1.3.8",
-    "@radix-ui/react-scroll-area": "^1.2.10",
-    "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-separator": "^1.1.8",
-    "@radix-ui/react-slider": "^1.3.6",
-    "@radix-ui/react-slot": "^1.2.4",
-    "@radix-ui/react-switch": "^1.2.6",
-    "@radix-ui/react-tabs": "^1.1.13",
-    "@radix-ui/react-toggle": "^1.1.10",
-    "@radix-ui/react-toggle-group": "^1.1.11",
-    "@radix-ui/react-tooltip": "^1.2.8",
+    "@radix-ui/react-accordion": "^1.2.16",
+    "@radix-ui/react-alert-dialog": "^1.1.19",
+    "@radix-ui/react-aspect-ratio": "^1.1.11",
+    "@radix-ui/react-avatar": "^1.2.2",
+    "@radix-ui/react-checkbox": "^1.3.7",
+    "@radix-ui/react-collapsible": "^1.1.16",
+    "@radix-ui/react-context": "^1.2.0",
+    "@radix-ui/react-context-menu": "^2.3.3",
+    "@radix-ui/react-dialog": "^1.1.19",
+    "@radix-ui/react-dropdown-menu": "^2.1.20",
+    "@radix-ui/react-hover-card": "^1.1.19",
+    "@radix-ui/react-label": "^2.1.11",
+    "@radix-ui/react-menubar": "^1.1.20",
+    "@radix-ui/react-navigation-menu": "^1.2.18",
+    "@radix-ui/react-popover": "^1.1.19",
+    "@radix-ui/react-radio-group": "^1.4.3",
+    "@radix-ui/react-scroll-area": "^1.2.14",
+    "@radix-ui/react-select": "^2.3.3",
+    "@radix-ui/react-separator": "^1.1.11",
+    "@radix-ui/react-slider": "^1.4.3",
+    "@radix-ui/react-slot": "^1.3.0",
+    "@radix-ui/react-switch": "^1.3.3",
+    "@radix-ui/react-tabs": "^1.1.17",
+    "@radix-ui/react-toggle": "^1.1.14",
+    "@radix-ui/react-toggle-group": "^1.1.15",
+    "@radix-ui/react-tooltip": "^1.2.12",
     "@tanstack/react-table": "^8.21.3",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -396,9 +405,9 @@
     "date-fns": "^4.1.0",
     "embla-carousel-react": "^8.6.0",
     "input-otp": "^1.4.2",
-    "lucide-react": "^1.14.0",
+    "lucide-react": "^1.25.0",
     "react-day-picker": "^10.0.1",
-    "react-resizable-panels": "^4.11.2",
+    "react-resizable-panels": "^4.12.2",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.5.0",
     "tailwindcss-animate": "^1.0.7",
@@ -407,17 +416,17 @@
   "devDependencies": {
     "@axe-core/playwright": "^4.12.1",
     "@eslint/js": "^9.39.4",
-    "@hookform/resolvers": "^5.2.2",
-    "@tailwindcss/vite": "^4.2.4",
-    "@tanstack/react-query": "^5.100.9",
+    "@hookform/resolvers": "^5.4.0",
+    "@tailwindcss/vite": "^4.3.3",
+    "@tanstack/react-query": "^5.101.2",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
     "@types/node": "^22.19.19",
-    "@types/react": "^19.2.14",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^6.0.1",
-    "@vitest/coverage-v8": "^4.1.5",
+    "@vitejs/plugin-react": "^6.0.3",
+    "@vitest/coverage-v8": "^4.1.10",
     "axe-core": "^4.12.1",
     "eslint": "^9.39.2",
     "eslint-plugin-react": "^7.37.5",
@@ -425,19 +434,19 @@
     "globals": "^15.15.0",
     "jsdom": "^29.1.1",
     "playwright": "^1.61.1",
-    "prettier": "^3.6.2",
+    "prettier": "^3.9.5",
     "prettier-plugin-tailwindcss": "^0.6.14",
-    "react": "^19.2.6",
-    "react-dom": "^19.2.6",
-    "react-hook-form": "^7.76.0",
-    "react-router-dom": "^7.15.0",
-    "recharts": "^3.8.1",
-    "tailwindcss": "^4.2.4",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
+    "react-hook-form": "^7.81.0",
+    "react-router-dom": "^7.18.1",
+    "recharts": "^3.9.2",
+    "tailwindcss": "^4.3.3",
     "tsup": "^8.5.1",
     "typescript": "^6.0.3",
-    "typescript-eslint": "^8.60.0",
-    "vite": "^8.0.10",
-    "vitest": "^4.1.5",
+    "typescript-eslint": "^8.64.0",
+    "vite": "^8.1.5",
+    "vitest": "^4.1.10",
     "vitest-axe": "1.0.0-pre.5",
     "zod": "^4.4.3"
   },