@godxjp/ui 18.1.0 → 18.1.1

package/dist/app/app-provider.d.ts

@@ -1,7 +1,8 @@
+import * as React from "react";
 import { type AppDateFormat, type AppLocale, type AppTimeFormat, type AppTimezone } from "./types.js";
 import type { AppContextValue, AppProviderProp } from "../props/components/app.prop.js";
 export type { AppProviderProp, AppContextValue } from "../props/components/app.prop.js";
-export declare function AppProvider({ children, defaultLocale, fallbackLocale, defaultTimezone, systemTimezone, defaultTimeFormat, defaultDateFormat, timezoneOptions, storageKey, persist, theme: initialTheme, brand: initialBrand, density: initialDensity, fontSize: initialFontSize, scaling: initialScaling, onLocaleChange, onTimezoneChange, onTimeFormatChange, onDateFormatChange, onThemeChange, onBrandChange, onDensityChange, onFontSizeChange, onScalingChange, }: AppProviderProp): import("react/jsx-runtime").JSX.Element;
+export declare function AppProvider({ children, defaultLocale, fallbackLocale, defaultTimezone, systemTimezone, defaultTimeFormat, defaultDateFormat, timezoneOptions, storageKey, persist, theme: initialTheme, brand: initialBrand, density: initialDensity, fontSize: initialFontSize, scaling: initialScaling, onLocaleChange, onTimezoneChange, onTimeFormatChange, onDateFormatChange, onThemeChange, onBrandChange, onDensityChange, onFontSizeChange, onScalingChange, }: AppProviderProp): React.JSX.Element;
 export declare function useAppContext(): AppContextValue;
 /** Returns null outside AppProvider — used by pickers for optional context. */
 export declare function useOptionalAppContext(): AppContextValue | null;

package/dist/components/charts/area-chart.d.ts

@@ -5,4 +5,4 @@ export type { AreaChartProp, AreaChartProp as AreaChartProps, } from "../../prop
  * series; `curved` smooths the line. Import from the tree-shaken
  * `@godxjp/ui/charts` entry; requires the `recharts` optional peer.
  */
-export declare function AreaChart(props: AreaChartProp): import("react/jsx-runtime").JSX.Element;
+export declare function AreaChart(props: AreaChartProp): import("react").JSX.Element;

package/dist/components/charts/bar-chart.d.ts

@@ -5,4 +5,4 @@ export type { BarChartProp, BarChartProp as BarChartProps, } from "../../props/c
  * bar; `horizontal` puts the category axis on the left. Import from the
  * tree-shaken `@godxjp/ui/charts` entry; requires the `recharts` optional peer.
  */
-export declare function BarChart(props: BarChartProp): import("react/jsx-runtime").JSX.Element;
+export declare function BarChart(props: BarChartProp): import("react").JSX.Element;

package/dist/components/charts/chart-cartesian.d.ts

@@ -27,5 +27,5 @@ type CartesianChartProps = {
     /** bar */
     horizontal?: boolean;
 };
-export declare function CartesianChart({ kind, data, series, categoryKey, label, description, size, height, showLegend, showGrid, numberFormat, emptyMessage, className, id, curved, stacked, horizontal, }: CartesianChartProps): import("react/jsx-runtime").JSX.Element;
+export declare function CartesianChart({ kind, data, series, categoryKey, label, description, size, height, showLegend, showGrid, numberFormat, emptyMessage, className, id, curved, stacked, horizontal, }: CartesianChartProps): React.JSX.Element;
 export {};

package/dist/components/charts/chart-frame.d.ts

@@ -40,5 +40,5 @@ type ChartFrameProps = {
  * in a `role="img"` element with a short `aria-label`; the full data is exposed as
  * a sibling visually-hidden list referenced by the figure's `aria-describedby`.
  */
-export declare function ChartFrame({ label, description, summaryRows, imgSummary, hasData, height, className, id, children, }: ChartFrameProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChartFrame({ label, description, summaryRows, imgSummary, hasData, height, className, id, children, }: ChartFrameProps): React.JSX.Element;
 export {};

package/dist/components/charts/line-chart.d.ts

@@ -5,4 +5,4 @@ export type { LineChartProp, LineChartProp as LineChartProps, } from "../../prop
  * Import from the tree-shaken `@godxjp/ui/charts` entry; requires the `recharts`
  * optional peer dependency.
  */
-export declare function LineChart(props: LineChartProp): import("react/jsx-runtime").JSX.Element;
+export declare function LineChart(props: LineChartProp): import("react").JSX.Element;

package/dist/components/charts/pie-chart.d.ts

@@ -5,4 +5,4 @@ export type { PieChartProp, PieChartProp as PieChartProps, } from "../../props/c
  * Import from the tree-shaken `@godxjp/ui/charts` entry; requires the `recharts`
  * optional peer dependency.
  */
-export declare function PieChart({ data, dataKey, nameKey, colors, label, description, size, height, showLegend, numberFormat, donut, emptyMessage, className, id, }: PieChartProp): import("react/jsx-runtime").JSX.Element;
+export declare function PieChart({ data, dataKey, nameKey, colors, label, description, size, height, showLegend, numberFormat, donut, emptyMessage, className, id, }: PieChartProp): import("react").JSX.Element;

package/dist/components/data-display/badge.d.ts

@@ -23,5 +23,5 @@ export interface BadgeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "
     status?: string;
     children?: React.ReactNode;
 }
-export declare function Badge({ className, variant, shape, tone, icon, status, children, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function Badge({ className, variant, shape, tone, icon, status, children, ...props }: BadgeProps): React.JSX.Element;
 export {};

package/dist/components/data-display/card.d.ts

@@ -138,7 +138,7 @@ export type StatCardProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<
     accent?: CardAccent;
 };
 /** KPI / stat tile — token-driven layout aligned to dashboard KPI cards. */
-export declare function StatCard({ label, value, hint, icon: Icon, delta, layout, align, inverse, accent, className, size, ...props }: StatCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function StatCard({ label, value, hint, icon: Icon, delta, layout, align, inverse, accent, className, size, ...props }: StatCardProps): React.JSX.Element;
 /** Header actions slot — pair with `CardHeader className="flex flex-row …"`. */
 export declare const CardAction: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/data-display/data-table.d.ts

@@ -67,25 +67,25 @@ interface DataTableProps<T> {
     className?: string;
     children?: React.ReactNode;
 }
-export declare function DataTable<T>({ data, columns, getRowId, selectable, selected: controlledSelected, onSelectChange, onRowClick, density: controlledDensity, onDensityChange, sort, onSortChange, globalFilter: controlledGlobalFilter, onGlobalFilterChange, pagination: controlledPagination, onPaginationChange, rowCount, columnVisibility: controlledVisibility, onColumnVisibilityChange, manualSorting, manualFiltering, manualPagination, loading, empty, striped, hoverable, stickyHeader, rowClassName, className, children, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTable<T>({ data, columns, getRowId, selectable, selected: controlledSelected, onSelectChange, onRowClick, density: controlledDensity, onDensityChange, sort, onSortChange, globalFilter: controlledGlobalFilter, onGlobalFilterChange, pagination: controlledPagination, onPaginationChange, rowCount, columnVisibility: controlledVisibility, onColumnVisibilityChange, manualSorting, manualFiltering, manualPagination, loading, empty, striped, hoverable, stickyHeader, rowClassName, className, children, }: DataTableProps<T>): React.JSX.Element;
 export declare namespace DataTable {
     var Toolbar: ({ children, className, }: {
         children?: React.ReactNode;
         className?: string;
-    }) => import("react/jsx-runtime").JSX.Element;
+    }) => React.JSX.Element;
     var Search: ({ placeholder, className, }: {
         placeholder?: string;
         className?: string;
-    }) => import("react/jsx-runtime").JSX.Element;
+    }) => React.JSX.Element;
     var ViewOptions: ({ className }: {
         className?: string;
-    }) => import("react/jsx-runtime").JSX.Element | null;
-    var SelectAll: () => import("react/jsx-runtime").JSX.Element | null;
-    var BulkActions: ({ count, children, className, }: BulkActionsProps) => import("react/jsx-runtime").JSX.Element | null;
-    var DensityToggle: () => import("react/jsx-runtime").JSX.Element;
-    var Content: () => import("react/jsx-runtime").JSX.Element;
-    var Pagination: (props: PaginationProps) => import("react/jsx-runtime").JSX.Element;
-    var RowActions: ({ ariaLabel, children }: RowActionsProps) => import("react/jsx-runtime").JSX.Element;
+    }) => React.JSX.Element | null;
+    var SelectAll: () => React.JSX.Element | null;
+    var BulkActions: ({ count, children, className, }: BulkActionsProps) => React.JSX.Element | null;
+    var DensityToggle: () => React.JSX.Element;
+    var Content: () => React.JSX.Element;
+    var Pagination: (props: PaginationProps) => React.JSX.Element;
+    var RowActions: ({ ariaLabel, children }: RowActionsProps) => React.JSX.Element;
 }
 interface BulkActionsProps {
     count?: number;

package/dist/components/data-display/descriptions.d.ts

@@ -8,9 +8,9 @@ export interface DescriptionsProps {
     className?: string;
     children: React.ReactNode;
 }
-export declare function Descriptions({ columns, layout, className, children, }: DescriptionsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Descriptions({ columns, layout, className, children, }: DescriptionsProps): React.JSX.Element;
 export declare namespace Descriptions {
-    var Item: ({ label, mono, span, className, children, }: DescriptionsItemProps) => import("react/jsx-runtime").JSX.Element;
+    var Item: ({ label, mono, span, className, children, }: DescriptionsItemProps) => React.JSX.Element;
 }
 export interface DescriptionsItemProps {
     label: React.ReactNode;

package/dist/components/data-display/empty-state.d.ts

@@ -1,3 +1,3 @@
 import type { EmptyStateProp } from "../../props/components/data-display.prop.js";
 export type { EmptyStateProp, EmptyStateProp as EmptyStateProps, } from "../../props/components/data-display.prop.js";
-export declare function EmptyState({ icon: Icon, title, description, action, variant, tone, titleLevel, titleAs, className, }: EmptyStateProp): import("react/jsx-runtime").JSX.Element;
+export declare function EmptyState({ icon: Icon, title, description, action, variant, tone, titleLevel, titleAs, className, }: EmptyStateProp): import("react").JSX.Element;

package/dist/components/data-display/popover.d.ts

@@ -1,9 +1,9 @@
 import * as React from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-export declare function Popover(props: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-export declare function PopoverTrigger(props: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-export declare function PopoverAnchor(props: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
+export declare function Popover(props: React.ComponentProps<typeof PopoverPrimitive.Root>): React.JSX.Element;
+export declare function PopoverTrigger(props: React.ComponentProps<typeof PopoverPrimitive.Trigger>): React.JSX.Element;
+export declare function PopoverAnchor(props: React.ComponentProps<typeof PopoverPrimitive.Anchor>): React.JSX.Element;
 export declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export declare const PopoverHeader: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-export declare const PopoverTitle: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-export declare const PopoverDescription: ({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const PopoverHeader: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+export declare const PopoverTitle: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+export declare const PopoverDescription: ({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>) => React.JSX.Element;

package/dist/components/data-display/progress.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 export type ProgressTone = "success" | "warning" | "destructive";
 export type ProgressProps = {
     value: number;
@@ -11,4 +12,4 @@ export type ProgressProps = {
      */
     over?: boolean;
 };
-export declare function Progress({ value, label, tone, over }: ProgressProps): import("react/jsx-runtime").JSX.Element;
+export declare function Progress({ value, label, tone, over }: ProgressProps): React.JSX.Element;

package/dist/components/data-display/timeline.d.ts

@@ -24,4 +24,4 @@ export type TimelineProps = {
      */
     variant?: TimelineVariant;
 };
-export declare function Timeline({ items, variant }: TimelineProps): import("react/jsx-runtime").JSX.Element;
+export declare function Timeline({ items, variant }: TimelineProps): import("react").JSX.Element;

package/dist/components/data-display/tree-list.d.ts

@@ -10,4 +10,4 @@ export type TreeListItem = {
 export type TreeListProps = {
     items: TreeListItem[];
 };
-export declare function TreeList({ items }: TreeListProps): import("react/jsx-runtime").JSX.Element;
+export declare function TreeList({ items }: TreeListProps): import("react").JSX.Element;

package/dist/components/data-entry/calendar.d.ts

@@ -1,3 +1,3 @@
 import type { CalendarProp } from "../../props/components/data-entry.prop.js";
 export type { CalendarProp, CalendarProp as CalendarProps, } from "../../props/components/data-entry.prop.js";
-export declare function Calendar({ className, classNames, showOutsideDays, "aria-label": ariaLabel, labels, ...props }: CalendarProp): import("react/jsx-runtime").JSX.Element;
+export declare function Calendar({ className, classNames, showOutsideDays, "aria-label": ariaLabel, labels, ...props }: CalendarProp): import("react").JSX.Element;

package/dist/components/data-entry/cascader.d.ts

@@ -1,4 +1,5 @@
+import * as React from "react";
 import type { CascaderProp } from "../../props/components/data-entry.prop.js";
 export type { CascaderProp, CascaderProp as CascaderProps, } from "../../props/components/data-entry.prop.js";
 export type { TreeOption, TreeFieldNames } from "./tree-utils.js";
-export declare function Cascader({ options: optionsProp, value, defaultValue, onValueChange, multiple, changeOnSelect, showSearch, placeholder, disabled, className, id, expandTrigger, fieldNames, allowClear, ...ariaProps }: CascaderProp): import("react/jsx-runtime").JSX.Element;
+export declare function Cascader({ options: optionsProp, value, defaultValue, onValueChange, multiple, changeOnSelect, showSearch, placeholder, disabled, className, id, expandTrigger, fieldNames, allowClear, ...ariaProps }: CascaderProp): React.JSX.Element;

package/dist/components/data-entry/checkbox-group.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import type { CheckboxGroupProp } from "../../props/components/data-entry.prop.js";
 export type { CheckboxGroupProp, CheckboxGroupProp as CheckboxGroupProps, } from "../../props/components/data-entry.prop.js";
-export declare function CheckboxGroup({ value: controlledValue, defaultValue, onValueChange, options, orientation, disabled, name, id, className, children, ...ariaProps }: CheckboxGroupProp): import("react/jsx-runtime").JSX.Element;
+export declare function CheckboxGroup({ value: controlledValue, defaultValue, onValueChange, options, orientation, disabled, name, id, className, children, ...ariaProps }: CheckboxGroupProp): React.JSX.Element;

package/dist/components/data-entry/color-picker.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import type { ColorPickerProp } from "../../props/components/data-entry.prop.js";
 export type { ColorPickerProp, ColorPickerProp as ColorPickerProps, } from "../../props/components/data-entry.prop.js";
-export declare function ColorPicker({ value, onValueChange, disabled, className, id, showHexInput, ...ariaProps }: ColorPickerProp): import("react/jsx-runtime").JSX.Element;
+export declare function ColorPicker({ value, onValueChange, disabled, className, id, showHexInput, ...ariaProps }: ColorPickerProp): React.JSX.Element;

package/dist/components/data-entry/date-picker.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import type { DatePickerProp } from "../../props/components/data-entry.prop.js";
 export type { DatePickerProp, DatePickerProp as DatePickerProps, } from "../../props/components/data-entry.prop.js";
 /**
@@ -6,4 +7,4 @@ export type { DatePickerProp, DatePickerProp as DatePickerProps, } from "../../p
  * `name`), screen-reader friendly, and e2e-testable by simply filling the input. The calendar
  * popover is the visual affordance; typing and the calendar stay in sync.
  */
-export declare function DatePicker({ value: valueProp, defaultValue, onValueChange, placeholder, disabled, className, id, name, locale: localeProp, fromDate, toDate, allowClear, ...ariaProps }: DatePickerProp): import("react/jsx-runtime").JSX.Element;
+export declare function DatePicker({ value: valueProp, defaultValue, onValueChange, placeholder, disabled, className, id, name, locale: localeProp, fromDate, toDate, allowClear, ...ariaProps }: DatePickerProp): React.JSX.Element;

package/dist/components/data-entry/date-range-picker.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import type { DateRangePickerProp } from "../../props/components/data-entry.prop.js";
 export type { DateRangePickerProp, DateRangePickerProp as DateRangePickerProps, } from "../../props/components/data-entry.prop.js";
 /**
@@ -7,4 +8,4 @@ export type { DateRangePickerProp, DateRangePickerProp as DateRangePickerProps,
  * `${name}_to`, screen-reader friendly, e2e-testable by filling either input); the
  * range calendar is the visual affordance.
  */
-export declare function DateRangePicker({ value: valueProp, defaultValue, onValueChange, placeholder, disabled, className, id, name, locale: localeProp, fromDate, toDate, allowClear, ...ariaProps }: DateRangePickerProp): import("react/jsx-runtime").JSX.Element;
+export declare function DateRangePicker({ value: valueProp, defaultValue, onValueChange, placeholder, disabled, className, id, name, locale: localeProp, fromDate, toDate, allowClear, ...ariaProps }: DateRangePickerProp): React.JSX.Element;

package/dist/components/data-entry/field.d.ts

@@ -1,4 +1,5 @@
+import * as React from "react";
 import type { FieldProp } from "../../props/components/data-entry.prop.js";
 export type { FieldProp, FieldProp as FieldProps } from "../../props/components/data-entry.prop.js";
 /** Label + optional description beside a checkbox/radio/switch control. */
-export declare function Field({ id, label, description, className, children }: FieldProp): import("react/jsx-runtime").JSX.Element;
+export declare function Field({ id, label, description, className, children }: FieldProp): React.JSX.Element;

package/dist/components/data-entry/form-field.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import type { FormFieldProp } from "../../props/components/data-entry.prop.js";
 export type { FormFieldProp, FormFieldProp as FormFieldProps, } from "../../props/components/data-entry.prop.js";
-export declare function FormField({ id, label, required, helper, error, labelAddon, layout: layoutProp, labelWidth: labelWidthProp, controlWidth: controlWidthProp, colSpan, className, children, }: FormFieldProp): import("react/jsx-runtime").JSX.Element;
+export declare function FormField({ id, label, required, helper, error, labelAddon, layout: layoutProp, labelWidth: labelWidthProp, controlWidth: controlWidthProp, colSpan, className, children, }: FormFieldProp): React.JSX.Element;

package/dist/components/data-entry/month-picker.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import type { MonthPickerProp } from "../../props/components/data-entry.prop.js";
 export type { MonthPickerProp, MonthPickerProp as MonthPickerProps, } from "../../props/components/data-entry.prop.js";
 /**
@@ -6,4 +7,4 @@ export type { MonthPickerProp, MonthPickerProp as MonthPickerProps, } from "../.
  * The field stays a real, typeable input (form-submittable via `name` as
  * `yyyy-MM`); the grid is the visual affordance.
  */
-export declare function MonthPicker({ value: valueProp, defaultValue, onValueChange, placeholder, disabled, className, id, name, fromYear, toYear, allowClear, ...ariaProps }: MonthPickerProp): import("react/jsx-runtime").JSX.Element;
+export declare function MonthPicker({ value: valueProp, defaultValue, onValueChange, placeholder, disabled, className, id, name, fromYear, toYear, allowClear, ...ariaProps }: MonthPickerProp): React.JSX.Element;

package/dist/components/data-entry/month-range-picker.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import type { MonthRangePickerProp } from "../../props/components/data-entry.prop.js";
 export type { MonthRangePickerProp, MonthRangePickerProp as MonthRangePickerProps, } from "../../props/components/data-entry.prop.js";
 /**
@@ -8,4 +9,4 @@ export type { MonthRangePickerProp, MonthRangePickerProp as MonthRangePickerProp
  * affordance. Grid picks are two-step (from, then to — swapped when picked
  * backwards) and a pick on a COMPLETE range starts a new one (reset-on-complete).
  */
-export declare function MonthRangePicker({ value: valueProp, defaultValue, onValueChange, placeholder, disabled, className, id, name, fromYear, toYear, allowClear, ...ariaProps }: MonthRangePickerProp): import("react/jsx-runtime").JSX.Element;
+export declare function MonthRangePicker({ value: valueProp, defaultValue, onValueChange, placeholder, disabled, className, id, name, fromYear, toYear, allowClear, ...ariaProps }: MonthRangePickerProp): React.JSX.Element;

package/dist/components/data-entry/password-strength.d.ts

@@ -16,5 +16,5 @@ export type PasswordStrengthReturn = {
     checks: Record<PasswordRule, boolean>;
 };
 export declare function usePasswordStrength(value: string, rules?: PasswordRule[]): PasswordStrengthReturn;
-export declare function PasswordStrength({ value, rules, showChecklist, labels, }: PasswordStrengthProps): import("react/jsx-runtime").JSX.Element;
+export declare function PasswordStrength({ value, rules, showChecklist, labels, }: PasswordStrengthProps): import("react").JSX.Element;
 export {};

package/dist/components/data-entry/radio.d.ts

@@ -4,7 +4,7 @@ import type { RadioGroupProp } from "../../props/components/data-entry.prop.js";
 export type { RadioGroupProp, RadioGroupProp as RadioGroupProps, } from "../../props/components/data-entry.prop.js";
 declare const RadioGroupRoot: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const RadioItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare function RadioGroupOptions({ value, defaultValue, onValueChange, options, orientation, disabled, name, id, className, children, ...ariaProps }: RadioGroupProp): import("react/jsx-runtime").JSX.Element;
+declare function RadioGroupOptions({ value, defaultValue, onValueChange, options, orientation, disabled, name, id, className, children, ...ariaProps }: RadioGroupProp): React.JSX.Element;
 /** Single radio — use inside `Radio.Group` / `RadioGroupRoot`, or via `options` API. */
 export declare const Radio: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>> & {
     Root: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/data-entry/search-input.d.ts

@@ -16,5 +16,5 @@ interface SearchInputProps extends FieldA11yProps {
     id?: string;
     disabled?: boolean;
 }
-export declare function SearchInput({ value: controlledValue, defaultValue, placeholder, debounce, onValueChange, onSearch, label, ariaLabel, className, inputClassName, id, disabled, ...ariaProps }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function SearchInput({ value: controlledValue, defaultValue, placeholder, debounce, onValueChange, onSearch, label, ariaLabel, className, inputClassName, id, disabled, ...ariaProps }: SearchInputProps): React.JSX.Element;
 export {};

package/dist/components/data-entry/search-select.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import type { SearchSelectProp } from "../../props/components/data-entry.prop.js";
 export type { SearchSelectProp, SearchSelectProp as SearchSelectProps, SearchSelectOptionProp, SearchSelectOptionProp as SearchSelectOption, SearchSelectLoadParamsProp, SearchSelectLoadResultProp, } from "../../props/components/data-entry.prop.js";
 /**
@@ -8,4 +9,4 @@ export type { SearchSelectProp, SearchSelectProp as SearchSelectProps, SearchSel
  * Custom per-option rendering via `renderOption` (Ant-Design style). Form-submittable via
  * `name`; e2e-testable by the trigger's `data-testid` + each option's `${data-testid}-option-${value}`.
  */
-export declare function SearchSelect({ value: valueProp, defaultValue, onValueChange, options: staticOptions, loadOptions, renderOption, labelRender, selectedLabel, selectedIcon, placeholder, searchPlaceholder, emptyMessage, loadingMessage, errorMessage, clearLabel, clearable, disabled, readOnly, size, open: openProp, onOpenChange, search: searchProp, onSearchChange, filterOption, renderError, renderLoadMore, name, id, className, "data-testid": dataTestId, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "aria-errormessage": ariaErrorMessage, "aria-invalid": ariaInvalid, "aria-required": ariaRequired, }: SearchSelectProp): import("react/jsx-runtime").JSX.Element;
+export declare function SearchSelect({ value: valueProp, defaultValue, onValueChange, options: staticOptions, loadOptions, renderOption, labelRender, selectedLabel, selectedIcon, placeholder, searchPlaceholder, emptyMessage, loadingMessage, errorMessage, clearLabel, clearable, disabled, readOnly, size, open: openProp, onOpenChange, search: searchProp, onSearchChange, filterOption, renderError, renderLoadMore, name, id, className, "data-testid": dataTestId, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "aria-errormessage": ariaErrorMessage, "aria-invalid": ariaInvalid, "aria-required": ariaRequired, }: SearchSelectProp): React.JSX.Element;

package/dist/components/data-entry/select.d.ts

@@ -9,9 +9,9 @@ export type SelectProp = SelectDataProp | React.ComponentProps<typeof SelectPrim
  * searchable combobox (powered by SearchSelect) vs a plain no-search listbox; supports async,
  * optgroup grouping, and `renderOption`.
  */
-export declare function Select(props: SelectProp): import("react/jsx-runtime").JSX.Element;
-export declare function SelectGroup(props: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
-export declare function SelectValue(props: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
+export declare function Select(props: SelectProp): React.JSX.Element;
+export declare function SelectGroup(props: React.ComponentProps<typeof SelectPrimitive.Group>): React.JSX.Element;
+export declare function SelectValue(props: React.ComponentProps<typeof SelectPrimitive.Value>): React.JSX.Element;
 export declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
     size?: "sm" | "md";
     /**

package/dist/components/data-entry/time-picker.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import type { TimePickerProp } from "../../props/components/data-entry.prop.js";
 export type { TimePickerProp, TimePickerProp as TimePickerProps, } from "../../props/components/data-entry.prop.js";
 /**
@@ -7,4 +8,4 @@ export type { TimePickerProp, TimePickerProp as TimePickerProps, } from "../../p
  * The column display honours the active `timeFormat` (12h shows 1-12 + AM/PM) while the canonical
  * value remains 24h `HH:mm`.
  */
-export declare function TimePicker({ value: controlledValue, defaultValue, onValueChange, placeholder, disabled, className, id, name, minuteStep, allowClear, ...ariaProps }: TimePickerProp): import("react/jsx-runtime").JSX.Element;
+export declare function TimePicker({ value: controlledValue, defaultValue, onValueChange, placeholder, disabled, className, id, name, minuteStep, allowClear, ...ariaProps }: TimePickerProp): React.JSX.Element;

package/dist/components/data-entry/transfer.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import type { TransferProp } from "../../props/components/data-entry.prop.js";
 export type { TransferProp, TransferProp as TransferProps, TransferItemProp, } from "../../props/components/data-entry.prop.js";
-export declare function Transfer({ dataSource, targetKeys, onValueChange, titles, showSearch, oneWay, disabled, id, className, selectedKeys: selectedKeysProp, onSelectChange, ...ariaProps }: TransferProp): import("react/jsx-runtime").JSX.Element;
+export declare function Transfer({ dataSource, targetKeys, onValueChange, titles, showSearch, oneWay, disabled, id, className, selectedKeys: selectedKeysProp, onSelectChange, ...ariaProps }: TransferProp): React.JSX.Element;

package/dist/components/data-entry/tree-select.d.ts

@@ -1,7 +1,8 @@
+import * as React from "react";
 import type { TreeSelectProp } from "../../props/components/data-entry.prop.js";
 export type { TreeSelectProp, TreeSelectProp as TreeSelectProps, } from "../../props/components/data-entry.prop.js";
 export { SHOW_CHILD, SHOW_PARENT, SHOW_ALL } from "./tree-select-strategy.js";
-declare function TreeSelectRoot({ treeData: treeDataProp, value, defaultValue, onValueChange, multiple, treeCheckable, treeCheckStrictly, showSearch, showCheckedStrategy, treeDefaultExpandAll, placeholder, disabled, allowClear, className, id, fieldNames, ...ariaProps }: TreeSelectProp): import("react/jsx-runtime").JSX.Element;
+declare function TreeSelectRoot({ treeData: treeDataProp, value, defaultValue, onValueChange, multiple, treeCheckable, treeCheckStrictly, showSearch, showCheckedStrategy, treeDefaultExpandAll, placeholder, disabled, allowClear, className, id, fieldNames, ...ariaProps }: TreeSelectProp): React.JSX.Element;
 export declare const TreeSelect: typeof TreeSelectRoot & {
     SHOW_CHILD: "SHOW_CHILD";
     SHOW_PARENT: "SHOW_PARENT";

package/dist/components/data-entry/upload-crop-dialog.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 interface UploadCropDialogProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
@@ -5,5 +6,5 @@ interface UploadCropDialogProps {
     onConfirm: (cropped: File) => void;
 }
 /** Simple 1:1 avatar crop — canvas export, no extra deps. */
-export declare function UploadCropDialog({ open, onOpenChange, file, onConfirm }: UploadCropDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function UploadCropDialog({ open, onOpenChange, file, onConfirm }: UploadCropDialogProps): React.JSX.Element;
 export {};

package/dist/components/data-entry/upload.d.ts

@@ -1,6 +1,7 @@
+import * as React from "react";
 import type { UploadProp } from "../../props/components/data-entry.prop.js";
 export type { UploadProp, UploadProp as UploadProps, UploadFileItemProp, UploadVariantProp, } from "../../props/components/data-entry.prop.js";
 export type { UploadFileItem, UploadVariant, UploadCommitAction } from "./upload-types.js";
 export { collectUploadCommitActions, createUploadItem } from "./upload-types.js";
 export { useUploadDraft } from "./use-upload-draft.js";
-export declare function Upload({ variant, value, defaultValue, onValueChange, accept: acceptProp, multiple: multipleProp, maxCount: maxCountProp, maxSizeBytes, disabled, removable, onUpload, id, className, children, ...ariaProps }: UploadProp): import("react/jsx-runtime").JSX.Element;
+export declare function Upload({ variant, value, defaultValue, onValueChange, accept: acceptProp, multiple: multipleProp, maxCount: maxCountProp, maxSizeBytes, disabled, removable, onUpload, id, className, children, ...ariaProps }: UploadProp): React.JSX.Element;

package/dist/components/feedback/alert.d.ts

@@ -36,7 +36,7 @@ export declare const AlertActions: React.ForwardRefExoticComponent<React.HTMLAtt
  * - **Legacy mode** (no `category`, e.g. mutation/infinite feedback): shows the cleaned domain
  *   message (`humanError`) + optional Retry — form-submit corrective guidance stays visible.
  */
-export declare function AlertQueryError({ error, category, onRetry, onAuthAction, className, }: AlertQueryErrorProp): import("react/jsx-runtime").JSX.Element;
+export declare function AlertQueryError({ error, category, onRetry, onAuthAction, className, }: AlertQueryErrorProp): React.JSX.Element;
 export declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     variant?: import("../../props/index.js").AlertVariantProp;
     tone?: ToneProp;

package/dist/components/feedback/dialog.d.ts

@@ -5,10 +5,10 @@ import type { ToneProp } from "../../props/vocabulary/index.js";
 import type { AlertDialogProp } from "../../props/components/feedback.prop.js";
 export type { AlertDialogProp, AlertDialogProp as AlertDialogProps, } from "../../props/components/feedback.prop.js";
 type DialogRootProps = React.ComponentProps<typeof DialogPrimitive.Root> & {};
-declare function DialogRoot(props: DialogRootProps): import("react/jsx-runtime").JSX.Element;
-declare function DialogTrigger(props: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function DialogPortal(props: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function DialogClose(props: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function DialogRoot(props: DialogRootProps): React.JSX.Element;
+declare function DialogTrigger(props: React.ComponentProps<typeof DialogPrimitive.Trigger>): React.JSX.Element;
+declare function DialogPortal(props: React.ComponentProps<typeof DialogPrimitive.Portal>): React.JSX.Element;
+declare function DialogClose(props: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element;
 declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     showClose?: boolean;
@@ -21,15 +21,15 @@ interface DialogHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "
     tone?: ToneProp;
 }
 declare const DialogHeader: {
-    ({ className, title, subtitle, extra, tone, children, ...props }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, title, subtitle, extra, tone, children, ...props }: DialogHeaderProps): React.JSX.Element;
     displayName: string;
 };
 declare const DialogBody: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
     displayName: string;
 };
 declare const DialogFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
     displayName: string;
 };
 declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
@@ -42,11 +42,11 @@ declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDial
     showCloseButton?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 declare const AlertDialogHeader: {
-    ({ className, title, subtitle, extra, tone, children, ...props }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, title, subtitle, extra, tone, children, ...props }: DialogHeaderProps): React.JSX.Element;
     displayName: string;
 };
 declare const AlertDialogFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
     displayName: string;
 };
 declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
@@ -58,7 +58,7 @@ declare const DialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrim
 declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 /** Preset: confirm / destructive / type-to-confirm without compound markup. */
-declare function AlertDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, variant, confirmPhrase, onConfirm, keepOpenOnConfirm, pending, }: AlertDialogProp): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, variant, confirmPhrase, onConfirm, keepOpenOnConfirm, pending, }: AlertDialogProp): React.JSX.Element;
 export declare const Dialog: typeof DialogRoot & {
     Trigger: typeof DialogTrigger;
     Portal: typeof DialogPortal;
@@ -68,15 +68,15 @@ export declare const Dialog: typeof DialogRoot & {
         showCloseButton?: boolean;
     } & React.RefAttributes<HTMLDivElement>>;
     Header: {
-        ({ className, title, subtitle, extra, tone, children, ...props }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
+        ({ className, title, subtitle, extra, tone, children, ...props }: DialogHeaderProps): React.JSX.Element;
         displayName: string;
     };
     Body: {
-        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
         displayName: string;
     };
     Footer: {
-        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
         displayName: string;
     };
     Title: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;

package/dist/components/feedback/sheet.d.ts

@@ -2,10 +2,10 @@ import * as React from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { type VariantProps } from "class-variance-authority";
 import type { ToneProp, WidthProp } from "../../props/vocabulary/index.js";
-export declare function Sheet(props: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-export declare function SheetTrigger(props: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-export declare function SheetClose(props: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
-export declare function SheetPortal(props: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+export declare function Sheet(props: React.ComponentProps<typeof DialogPrimitive.Root>): React.JSX.Element;
+export declare function SheetTrigger(props: React.ComponentProps<typeof DialogPrimitive.Trigger>): React.JSX.Element;
+export declare function SheetClose(props: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element;
+export declare function SheetPortal(props: React.ComponentProps<typeof DialogPrimitive.Portal>): React.JSX.Element;
 export declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
     side?: "left" | "right" | "top" | "bottom" | null | undefined;
@@ -30,9 +30,9 @@ export interface SheetHeaderProps extends Omit<React.HTMLAttributes<HTMLDivEleme
     /** Soft semantic background band for the header. `default` = no band. */
     tone?: ToneProp;
 }
-export declare const SheetHeader: ({ className, title, subtitle, extra, tone, children, ...props }: SheetHeaderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const SheetBody: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-export declare const SheetFooter: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const SheetHeader: ({ className, title, subtitle, extra, tone, children, ...props }: SheetHeaderProps) => React.JSX.Element;
+export declare const SheetBody: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+export declare const SheetFooter: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
 export declare const SheetTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 export declare const SheetDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 export {};

package/dist/components/feedback/skeleton.d.ts

@@ -1,17 +1,17 @@
 import * as React from "react";
 export type SkeletonProps = React.HTMLAttributes<HTMLDivElement>;
-export declare function Skeleton({ className, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+export declare function Skeleton({ className, ...props }: SkeletonProps): React.JSX.Element;
 interface SkeletonRowsProps {
     rows?: number;
     columns?: number;
     className?: string;
 }
 /** Skeleton for a flat list of rows (use inside a Card or section). */
-export declare function SkeletonRows({ rows, columns, className }: SkeletonRowsProps): import("react/jsx-runtime").JSX.Element;
+export declare function SkeletonRows({ rows, columns, className }: SkeletonRowsProps): React.JSX.Element;
 /** Skeleton matching the DataTable layout — header row + N body rows. */
-export declare function SkeletonTable({ rows, columns }: SkeletonRowsProps): import("react/jsx-runtime").JSX.Element;
+export declare function SkeletonTable({ rows, columns }: SkeletonRowsProps): React.JSX.Element;
 /** Skeleton matching a Card detail layout — title + 6 metadata rows. */
-export declare function SkeletonDetail(): import("react/jsx-runtime").JSX.Element;
+export declare function SkeletonDetail(): React.JSX.Element;
 /** Skeleton matching a stat card / dashboard tile. */
-export declare function SkeletonStat(): import("react/jsx-runtime").JSX.Element;
+export declare function SkeletonStat(): React.JSX.Element;
 export {};

package/dist/components/feedback/sonner.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { type ToasterProps } from "sonner";
-declare function Toaster({ ...props }: ToasterProps): import("react/jsx-runtime").JSX.Element;
+declare function Toaster({ ...props }: ToasterProps): React.JSX.Element;
 export { Toaster };

package/dist/components/feedback/tooltip.d.ts

@@ -1,10 +1,10 @@
 import * as React from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 /** Opt-in provider for tuning delay across a subtree. Each <Tooltip> already self-provides. */
-export declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+export declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): React.JSX.Element;
 /** Self-contained tooltip — no app-level provider needed. Controllable via `open`/`onOpenChange`. */
 export declare function Tooltip({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Root> & {
     delayDuration?: number;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 export declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/general/reveal.d.ts

@@ -11,4 +11,4 @@ export type { RevealProp, RevealProp as RevealProps } from "../../props/componen
  * Pure/server-safe: no hooks, no effects. Pass `asChild` to merge the reveal onto the single child
  * element (no wrapper `<div>`) when an extra box would break a grid/flex layout.
  */
-export declare function Reveal({ children, delay, asChild, className, ...props }: RevealProp): import("react/jsx-runtime").JSX.Element;
+export declare function Reveal({ children, delay, asChild, className, ...props }: RevealProp): import("react").JSX.Element;

package/dist/components/layout/app-shell.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import type { AppShellProp } from "../../props/components/layout.prop.js";
 export type { AppShellProp, AppShellProp as AppShellProps, } from "../../props/components/layout.prop.js";
-export declare function AppShell({ sidebar, topbar, topbarLeft, topbarRight, logo, breadcrumb, footer, children, sidebarCollapsed, mobileNav, mobileNavLabel, mobileNavOpen, onMobileNavOpenChange, }: AppShellProp): import("react/jsx-runtime").JSX.Element;
+export declare function AppShell({ sidebar, topbar, topbarLeft, topbarRight, logo, breadcrumb, footer, children, sidebarCollapsed, mobileNav, mobileNavLabel, mobileNavOpen, onMobileNavOpenChange, }: AppShellProp): React.JSX.Element;

package/dist/components/layout/app-shell.js

@@ -49,7 +49,7 @@ function AppShell({
             type: "button",
             variant: "ghost",
             size: "sm",
-            className: "app-mobile-nav-trigger",
+            className: "app-mobile-nav-trigger hidden max-lg:inline-flex",
             "aria-label": t("layout.appShell.openNav"),
             "aria-haspopup": "dialog",
             children: /* @__PURE__ */ jsx(Menu, { className: "size-5", "aria-hidden": "true" })

package/dist/components/layout/auth-shell.d.ts

@@ -8,4 +8,4 @@ export type { AuthShellProp, AuthShellProp as AuthShellProps, } from "../../prop
  * consumer's `.auth-shell-*` / `.ui-auth-scope` classes. Motion is delegated to `Reveal` (wrap the
  * card) so `prefers-reduced-motion` is honoured in one place.
  */
-export declare function AuthShell({ brand, footer, children, className }: AuthShellProp): import("react/jsx-runtime").JSX.Element;
+export declare function AuthShell({ brand, footer, children, className }: AuthShellProp): import("react").JSX.Element;

package/dist/components/layout/breadcrumb.d.ts

@@ -10,4 +10,4 @@ export type BreadcrumbProps = {
      */
     ariaLabel?: string;
 };
-export declare function Breadcrumb({ items, linkComponent: LinkComponent, ariaLabel, }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+export declare function Breadcrumb({ items, linkComponent: LinkComponent, ariaLabel, }: BreadcrumbProps): import("react").JSX.Element;

package/dist/components/layout/centered-shell.d.ts

@@ -19,4 +19,4 @@ export type { CenteredShellProp, CenteredShellProp as CenteredShellProps, } from
  * footgun). Layout-only: delegate motion to `Reveal` (wrap a section) so `prefers-reduced-motion`
  * is honoured in one place.
  */
-export declare function CenteredShell({ topbar, footer, children, width, className, }: CenteredShellProp): import("react/jsx-runtime").JSX.Element;
+export declare function CenteredShell({ topbar, footer, children, width, className, }: CenteredShellProp): import("react").JSX.Element;

package/dist/components/layout/flex.d.ts

@@ -1,3 +1,3 @@
 import type { FlexProp } from "../../props/components/layout.prop.js";
 export type { FlexAlignProp, FlexDirectionProp, FlexJustifyProp, FlexProp, FlexProp as FlexProps, } from "../../props/components/layout.prop.js";
-export declare function Flex({ direction, gap, align, justify, wrap, className, children, ...props }: FlexProp): import("react/jsx-runtime").JSX.Element;
+export declare function Flex({ direction, gap, align, justify, wrap, className, children, ...props }: FlexProp): import("react").JSX.Element;

package/dist/components/layout/page-container.d.ts

@@ -1,8 +1,8 @@
 import type { PageContainerProp, PageInsetProp } from "../../props/components/layout.prop.js";
 export type { PageContainerProp, PageContainerProp as PageContainerProps, } from "../../props/components/layout.prop.js";
 export type { BreadcrumbItemProp, BreadcrumbItemProp as BreadcrumbItem, } from "../../props/vocabulary/navigation.prop.js";
-export declare function PageContainerInset({ className, children, ...props }: PageInsetProp): import("react/jsx-runtime").JSX.Element;
-declare function PageContainerRoot({ title, subtitle, extra, footer, breadcrumb, breadcrumbLabel, breadcrumbAriaLabel, linkComponent: LinkComponent, density, variant, stickyFooter, footerReveal, fill, children, className, }: PageContainerProp): import("react/jsx-runtime").JSX.Element;
+export declare function PageContainerInset({ className, children, ...props }: PageInsetProp): import("react").JSX.Element;
+declare function PageContainerRoot({ title, subtitle, extra, footer, breadcrumb, breadcrumbLabel, breadcrumbAriaLabel, linkComponent: LinkComponent, density, variant, stickyFooter, footerReveal, fill, children, className, }: PageContainerProp): import("react").JSX.Element;
 export declare const PageContainer: typeof PageContainerRoot & {
     Inset: typeof PageContainerInset;
 };

package/dist/components/layout/resizable.d.ts

@@ -1,14 +1,14 @@
 import * as React from "react";
 import * as ResizablePrimitive from "react-resizable-panels";
 export declare const ResizablePanelGroup: {
-    ({ className, ...props }: React.ComponentPropsWithoutRef<typeof ResizablePrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.ComponentPropsWithoutRef<typeof ResizablePrimitive.Group>): React.JSX.Element;
     displayName: string;
 };
 export declare const ResizablePanel: {
-    ({ className, ...props }: React.ComponentPropsWithoutRef<typeof ResizablePrimitive.Panel>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.ComponentPropsWithoutRef<typeof ResizablePrimitive.Panel>): React.JSX.Element;
     displayName: string;
 };
 export declare const ResizableHandle: {
-    ({ className, ...props }: React.ComponentPropsWithoutRef<typeof ResizablePrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.ComponentPropsWithoutRef<typeof ResizablePrimitive.Separator>): React.JSX.Element;
     displayName: string;
 };

package/dist/components/layout/responsive-grid.d.ts

@@ -4,4 +4,4 @@ export type ResponsiveGridProps = {
     columns?: ResponsiveGridColumnsProp;
     children: ReactNode;
 };
-export declare function ResponsiveGrid({ columns, children }: ResponsiveGridProps): import("react/jsx-runtime").JSX.Element;
+export declare function ResponsiveGrid({ columns, children }: ResponsiveGridProps): import("react").JSX.Element;

package/dist/components/layout/sidebar.d.ts

@@ -15,7 +15,7 @@ type SidebarItemProps = {
     onActivate?: (id: string) => void;
     renderItem?: RenderItem;
 };
-export declare function SidebarHeader({ children, className, ...props }: SidebarHeaderProps): import("react/jsx-runtime").JSX.Element;
-export declare function SidebarSection({ label, collapsed, children, className, ...props }: SidebarSectionProps & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-export declare function SidebarItem({ item, active, sub, onActivate, renderItem, children, ...props }: SidebarItemProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onClick">): import("react/jsx-runtime").JSX.Element;
-export declare function Sidebar({ ariaLabel: ariaLabelCamel, activeId, onSelect, sections, product, onProductClick, brand, collapsed, children, renderItem, footer, "aria-label": ariaLabel, }: SidebarProp): import("react/jsx-runtime").JSX.Element;
+export declare function SidebarHeader({ children, className, ...props }: SidebarHeaderProps): React.JSX.Element;
+export declare function SidebarSection({ label, collapsed, children, className, ...props }: SidebarSectionProps & React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+export declare function SidebarItem({ item, active, sub, onActivate, renderItem, children, ...props }: SidebarItemProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onClick">): React.JSX.Element;
+export declare function Sidebar({ ariaLabel: ariaLabelCamel, activeId, onSelect, sections, product, onProductClick, brand, collapsed, children, renderItem, footer, "aria-label": ariaLabel, }: SidebarProp): React.JSX.Element;

package/dist/components/layout/split-pane.d.ts

@@ -6,4 +6,4 @@ export type SplitPaneProps = {
     /** Accessible complementary landmark name; required when multiple panes share a document. */
     asideLabel?: string;
 };
-export declare function SplitPane({ children, aside, asideWidth, asideLabel }: SplitPaneProps): import("react/jsx-runtime").JSX.Element;
+export declare function SplitPane({ children, aside, asideWidth, asideLabel }: SplitPaneProps): import("react").JSX.Element;

package/dist/components/layout/topbar.d.ts

@@ -17,4 +17,4 @@ export type { TopbarProp, TopbarProp as TopbarProps } from "../../props/componen
  * Use it as `AppShell`'s `topbar` slot, or place it directly. For full custom content, pass
  * `children` instead of the three slots.
  */
-export declare function Topbar({ start, center, end, className, children, ...props }: TopbarProp): import("react/jsx-runtime").JSX.Element;
+export declare function Topbar({ start, center, end, className, children, ...props }: TopbarProp): import("react").JSX.Element;

package/dist/components/navigation/context-menu.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
 export declare const ContextMenu: React.FC<ContextMenuPrimitive.ContextMenuProps>;
-export declare function ContextMenuTrigger(props: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+export declare function ContextMenuTrigger(props: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>): React.JSX.Element;
 export declare const ContextMenuPortal: React.FC<ContextMenuPrimitive.ContextMenuPortalProps>;
 export declare const ContextMenuContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const ContextMenuItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
@@ -15,7 +15,7 @@ export declare const ContextMenuLabel: React.ForwardRefExoticComponent<Omit<Cont
     inset?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 export declare const ContextMenuSeparator: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export declare const ContextMenuShortcut: ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const ContextMenuShortcut: ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => React.JSX.Element;
 export declare const ContextMenuSub: React.FC<ContextMenuPrimitive.ContextMenuSubProps>;
 export declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const ContextMenuSubContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/navigation/dropdown-menu.d.ts

@@ -1,11 +1,11 @@
 import * as React from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-export declare function DropdownMenu(props: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-export declare function DropdownMenuTrigger(props: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-export declare function DropdownMenuPortal(props: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-export declare function DropdownMenuGroup(props: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
-export declare function DropdownMenuRadioGroup(props: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
-export declare function DropdownMenuSub(props: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownMenu(props: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): React.JSX.Element;
+export declare function DropdownMenuTrigger(props: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): React.JSX.Element;
+export declare function DropdownMenuPortal(props: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): React.JSX.Element;
+export declare function DropdownMenuGroup(props: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): React.JSX.Element;
+export declare function DropdownMenuRadioGroup(props: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): React.JSX.Element;
+export declare function DropdownMenuSub(props: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): React.JSX.Element;
 export declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
@@ -21,4 +21,4 @@ export declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omi
     inset?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 export declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export declare const DropdownMenuShortcut: ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const DropdownMenuShortcut: ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => React.JSX.Element;

package/dist/components/navigation/filter-bar.d.ts

@@ -1,4 +1,4 @@
 import type { ToolbarGroupProp, ToolbarProp } from "../../props/components/navigation.prop.js";
 export type { ToolbarGroupProp, ToolbarGroupProp as ToolbarGroupProps, ToolbarProp, ToolbarProp as ToolbarProps, } from "../../props/components/navigation.prop.js";
-export declare function Toolbar({ onClear, hasActiveFilters, className, children }: ToolbarProp): import("react/jsx-runtime").JSX.Element;
-export declare function ToolbarGroup({ label, className, children }: ToolbarGroupProp): import("react/jsx-runtime").JSX.Element;
+export declare function Toolbar({ onClear, hasActiveFilters, className, children }: ToolbarProp): import("react").JSX.Element;
+export declare function ToolbarGroup({ label, className, children }: ToolbarGroupProp): import("react").JSX.Element;

package/dist/components/navigation/menubar.d.ts

@@ -4,10 +4,10 @@ export declare const Menubar: React.ForwardRefExoticComponent<MenubarPrimitive.M
 export declare const MenubarMenu: {
     (props: MenubarPrimitive.MenubarMenuProps & {
         __scopeMenubar?: import("@radix-ui/react-context").Scope;
-    }): import("react/jsx-runtime").JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
-export declare function MenubarTrigger(props: React.ComponentProps<typeof MenubarPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+export declare function MenubarTrigger(props: React.ComponentProps<typeof MenubarPrimitive.Trigger>): React.JSX.Element;
 export declare const MenubarContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const MenubarItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
@@ -18,7 +18,7 @@ export declare const MenubarRadioGroup: React.ForwardRefExoticComponent<Omit<Men
 export declare const MenubarRadioItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const MenubarLabel: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const MenubarSeparator: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export declare const MenubarShortcut: ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const MenubarShortcut: ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => React.JSX.Element;
 export declare const MenubarSub: React.FC<MenubarPrimitive.MenubarSubProps>;
 export declare const MenubarSubTrigger: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const MenubarSubContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/navigation/pagination.d.ts

@@ -9,7 +9,7 @@ declare const PaginationLink: React.ForwardRefExoticComponent<Omit<Omit<React.De
     href?: string;
 } & React.RefAttributes<HTMLButtonElement>>;
 declare const PaginationEllipsis: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
     displayName: string;
 };
 declare const PaginationPrevious: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "type"> & {
@@ -22,5 +22,5 @@ declare const PaginationNext: React.ForwardRefExoticComponent<Omit<Omit<React.De
     disabled?: boolean;
     href?: string;
 } & React.RefAttributes<HTMLButtonElement>>;
-export declare function Pagination({ ariaLabel, value, total, pageSize, pageSizeOptions, showSizeChanger, showTotal, hideOnSinglePage, simple, disabled, className, onValueChange, }: PaginationProp): import("react/jsx-runtime").JSX.Element | null;
+export declare function Pagination({ ariaLabel, value, total, pageSize, pageSizeOptions, showSizeChanger, showTotal, hideOnSinglePage, simple, disabled, className, onValueChange, }: PaginationProp): React.JSX.Element | null;
 export { PaginationContent, PaginationItem, PaginationLink, PaginationEllipsis, PaginationPrevious, PaginationNext, };

package/dist/components/navigation/steps.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import type { StepsProp } from "../../props/components/navigation.prop.js";
 export type { StepsProp, StepsProp as StepsProps, StepItemProp, StepStatusProp, } from "../../props/components/navigation.prop.js";
-export declare function Steps({ items, value: current, defaultValue, status: currentStatus, orientation, type, size, titlePlacement, onValueChange, className, }: StepsProp): import("react/jsx-runtime").JSX.Element;
+export declare function Steps({ items, value: current, defaultValue, status: currentStatus, orientation, type, size, titlePlacement, onValueChange, className, }: StepsProp): React.JSX.Element;

package/dist/components/navigation/tabs.d.ts

@@ -12,7 +12,7 @@ export type TabsProps = React.ComponentProps<typeof TabsPrimitive.Root> & {
     listClassName?: string;
     contentClassName?: string;
 };
-export declare function Tabs({ className, orientation, items, value, defaultValue, variant, listClassName, contentClassName, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tabs({ className, orientation, items, value, defaultValue, variant, listClassName, contentClassName, ...props }: TabsProps): React.JSX.Element;
 export declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     variant?: "default" | "line";
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/components/query/data-state.d.ts

@@ -1,7 +1,8 @@
+import * as React from "react";
 import type { DataStateProp } from "../../props/components/query.prop.js";
 export type { DataStateProp, DataStateProp as DataStateProps, } from "../../props/components/query.prop.js";
 /**
  * Query lifecycle widget — orchestrates skeleton / error / empty / success for one `useQuery` block.
  * Not a visual component; prefer `@godxjp/ui/query`. Apps may also import via `@godxjp/ui/admin`.
  */
-export declare function DataState<T>({ query, skeleton, prerequisite, empty, isEmpty, errorRenderer, showRetry, onRetry, onAuthError, children, }: DataStateProp<T>): import("react/jsx-runtime").JSX.Element;
+export declare function DataState<T>({ query, skeleton, prerequisite, empty, isEmpty, errorRenderer, showRetry, onRetry, onAuthError, children, }: DataStateProp<T>): React.JSX.Element;

package/dist/components/query/infinite-query-state.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import type { InfiniteQueryStateProp } from "../../props/components/query.prop.js";
 export type { InfiniteQueryStateProp, InfiniteQueryStateProp as InfiniteQueryStateProps, } from "../../props/components/query.prop.js";
 /** Flatten `{ pages: [{ items }] }` — default GODX paginated API shape. */
@@ -10,4 +11,4 @@ export declare function flattenItemPages<TItem, TPage extends {
  * `useInfiniteQuery` lifecycle widget — flatten pages, load-more footer.
  * Cursor / activity feeds where user accumulates pages (vs DataTable cursor buttons).
  */
-export declare function InfiniteQueryState<TPage, TFlat>({ query, skeleton, empty, flatten, isEmpty, errorRenderer, showRetry, onRetry, onAuthError, loadingMore, loadMore, showLoadMore, children, }: InfiniteQueryStateProp<TPage, TFlat>): import("react/jsx-runtime").JSX.Element;
+export declare function InfiniteQueryState<TPage, TFlat>({ query, skeleton, empty, flatten, isEmpty, errorRenderer, showRetry, onRetry, onAuthError, loadingMore, loadMore, showLoadMore, children, }: InfiniteQueryStateProp<TPage, TFlat>): React.JSX.Element;

package/dist/components/query/mutation-feedback.d.ts

@@ -4,4 +4,4 @@ export type { AlertMutationFeedbackProp, AlertMutationFeedbackProp as AlertMutat
  * Inline mutation error — renders nothing when idle/success.
  * Prefer toast for transient saves; use this for blocking form sections (SimulatorPage).
  */
-export declare function AlertMutationFeedback({ mutation, onRetry, showRetry, pending, className, }: AlertMutationFeedbackProp): import("react/jsx-runtime").JSX.Element | null;
+export declare function AlertMutationFeedback({ mutation, onRetry, showRetry, pending, className, }: AlertMutationFeedbackProp): import("react").JSX.Element | null;

package/dist/components/query/prefetch-link.d.ts

@@ -1,7 +1,8 @@
+import * as React from "react";
 import type { PrefetchLinkProp } from "../../props/components/query.prop.js";
 export type { PrefetchLinkProp, PrefetchLinkProp as PrefetchLinkProps, } from "../../props/components/query.prop.js";
 /**
  * React Router `Link` + `queryClient.prefetchQuery` on hover/focus.
  * Detail routes feel instant when list rows are hovered.
  */
-export declare function PrefetchLink({ queryKey, queryFn, prefetchOn, staleTime, onMouseEnter, onFocus, ...linkProps }: PrefetchLinkProp): import("react/jsx-runtime").JSX.Element;
+export declare function PrefetchLink({ queryKey, queryFn, prefetchOn, staleTime, onMouseEnter, onFocus, ...linkProps }: PrefetchLinkProp): React.JSX.Element;

package/dist/components/query/query-refetch-button.d.ts

@@ -1,4 +1,4 @@
 import type { ButtonRefetchProp } from "../../props/components/query.prop.js";
 export type { ButtonRefetchProp, ButtonRefetchProp as ButtonRefetchProps, } from "../../props/components/query.prop.js";
 /** Page-header Refresh — spins while `query.isFetching`, calls `query.refetch()`. */
-export declare function ButtonRefetch({ query, label, children, variant, size, className, ...props }: ButtonRefetchProp): import("react/jsx-runtime").JSX.Element;
+export declare function ButtonRefetch({ query, label, children, variant, size, className, ...props }: ButtonRefetchProp): import("react").JSX.Element;

package/dist/components/ui/hover-card.d.ts

@@ -5,6 +5,6 @@ import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
  * laggy); consumers can still pass `openDelay`/`closeDelay`. A small open delay (not 0) is
  * intentional — it prevents accidental triggering as the pointer passes over the trigger.
  */
-export declare function HoverCard({ openDelay, closeDelay, ...props }: React.ComponentProps<typeof HoverCardPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export declare function HoverCard({ openDelay, closeDelay, ...props }: React.ComponentProps<typeof HoverCardPrimitive.Root>): React.JSX.Element;
 export declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>>;
 export declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/form/form-field-control.d.ts

@@ -1,4 +1,4 @@
 import { type FieldValues } from "react-hook-form";
 import type { FormFieldControlProp } from "../props/components/form.prop.js";
 export type { FormFieldControlProp } from "../props/components/form.prop.js";
-export declare function FormFieldControl<TFieldValues extends FieldValues>({ name, label, required, helper, className, children, }: FormFieldControlProp<TFieldValues>): import("react/jsx-runtime").JSX.Element;
+export declare function FormFieldControl<TFieldValues extends FieldValues>({ name, label, required, helper, className, children, }: FormFieldControlProp<TFieldValues>): import("react").JSX.Element;

package/dist/form/form-root.d.ts

@@ -7,4 +7,4 @@ export type { FormRootProp } from "../props/components/form.prop.js";
  * library — Inertia's `useForm` via `@godxjp/ui/inertia`, formik, TanStack Form). Both drive the same
  * `FormFieldControl` auto-binding; the core keeps ZERO dependency on any non-RHF form library.
  */
-export declare function FormRoot<TFieldValues extends FieldValues>({ form, adapter, onSubmit, children, className, id, }: FormRootProp<TFieldValues>): import("react/jsx-runtime").JSX.Element;
+export declare function FormRoot<TFieldValues extends FieldValues>({ form, adapter, onSubmit, children, className, id, }: FormRootProp<TFieldValues>): import("react").JSX.Element;

package/dist/styles/shell-layout.css

@@ -235,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:
@@ -602,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/package.json

@@ -1,9 +1,14 @@
 {
   "name": "@godxjp/ui",
-  "version": "18.1.0",
-  "godxUiMcp": "18.0.3",
+  "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": [
@@ -367,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",
@@ -400,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",
@@ -411,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",
@@ -429,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"
   },