@noxickon/onyx 6.4.0 → 6.5.0

package/dist/components/DataTable/DataTable.styles.d.ts

@@ -31,7 +31,9 @@ export declare const dataTableVariants: import('tailwind-variants').TVReturnType
     toolbar: string;
     toolbarGroup: string;
     divider: string;
-    filterChips: string;
+    collapse: string[];
+    collapseClip: string;
+    filterChipsRow: string;
     selectionActions: string;
     scroll: string;
     selectCol: string;
@@ -59,6 +61,10 @@ export declare const dataTableVariants: import('tailwind-variants').TVReturnType
     configLabel: string;
     configActions: string;
     configSeparator: string;
+    filterMenuItem: string;
+    skeleton: string;
+    skeletonToolbar: string;
+    skeletonBody: string;
 }, undefined, {
     density: {
         comfortable: {};
@@ -91,7 +97,9 @@ export declare const dataTableVariants: import('tailwind-variants').TVReturnType
     toolbar: string;
     toolbarGroup: string;
     divider: string;
-    filterChips: string;
+    collapse: string[];
+    collapseClip: string;
+    filterChipsRow: string;
     selectionActions: string;
     scroll: string;
     selectCol: string;
@@ -119,6 +127,10 @@ export declare const dataTableVariants: import('tailwind-variants').TVReturnType
     configLabel: string;
     configActions: string;
     configSeparator: string;
+    filterMenuItem: string;
+    skeleton: string;
+    skeletonToolbar: string;
+    skeletonBody: string;
 }, import('tailwind-variants').TVReturnType<{
     density: {
         comfortable: {};
@@ -151,7 +163,9 @@ export declare const dataTableVariants: import('tailwind-variants').TVReturnType
     toolbar: string;
     toolbarGroup: string;
     divider: string;
-    filterChips: string;
+    collapse: string[];
+    collapseClip: string;
+    filterChipsRow: string;
     selectionActions: string;
     scroll: string;
     selectCol: string;
@@ -179,5 +193,9 @@ export declare const dataTableVariants: import('tailwind-variants').TVReturnType
     configLabel: string;
     configActions: string;
     configSeparator: string;
+    filterMenuItem: string;
+    skeleton: string;
+    skeletonToolbar: string;
+    skeletonBody: string;
 }, undefined, unknown, unknown, undefined>>;
 export type DataTableVariants = VariantProps<typeof dataTableVariants>;

package/dist/components/DataTable/DataTable.styles.js

@@ -6,7 +6,14 @@ var t = e({
 		toolbar: "flex min-h-13 items-center justify-between gap-3 border-b border-line px-3 py-2.25 pointer-coarse:flex-col pointer-coarse:items-stretch pointer-coarse:gap-2.5",
 		toolbarGroup: "flex min-w-0 items-center gap-2",
 		divider: "mx-1 h-6 w-px shrink-0 bg-line",
-		filterChips: "flex flex-wrap items-center gap-2 border-b border-line px-3.5 py-2.5",
+		collapse: [
+			"grid grid-rows-[1fr] transition-[grid-template-rows,opacity] duration-300 ease-spring",
+			"starting:grid-rows-[0fr] starting:opacity-0",
+			"data-collapsed:grid-rows-[0fr] data-collapsed:opacity-0",
+			"motion-reduce:transition-none"
+		],
+		collapseClip: "overflow-hidden",
+		filterChipsRow: "flex min-h-[calc(var(--control-h-md)+1.25rem+1px)] flex-wrap items-center gap-2 border-b border-line px-3.5 py-2.5",
 		selectionActions: "flex min-w-0 items-center gap-3",
 		scroll: "relative w-full overflow-auto [-webkit-overflow-scrolling:touch]",
 		selectCol: "pointer-coarse:w-11",
@@ -46,7 +53,11 @@ var t = e({
 		configHandleLocked: "shrink-0 text-fg-subtle opacity-30",
 		configLabel: "flex-1 truncate text-body",
 		configActions: "flex justify-end gap-2 p-2",
-		configSeparator: "h-px bg-line"
+		configSeparator: "h-px bg-line",
+		filterMenuItem: "flex cursor-pointer items-center gap-2.5 rounded-control px-2 py-1.5 select-none ox-interactive:hover:bg-fg/8",
+		skeleton: "w-full overflow-hidden rounded-card border border-line bg-card shadow-[var(--shadow-card)]",
+		skeletonToolbar: "flex items-center justify-between border-b border-line px-3 py-2.25",
+		skeletonBody: "flex flex-col gap-3.5 p-4"
 	},
 	variants: {
 		density: {

package/dist/components/DataTable/DataTable.types.d.ts

@@ -81,12 +81,39 @@ interface OxDataTableToolbarGroupProps {
 interface OxDataTableFilterChipsProps {
     children?: ReactNode;
     className?: string;
+    clearLabel?: ReactNode;
+    onClearAll?: () => void;
 }
+interface OxDataTableFilterMenuOption {
+    label: ReactNode;
+    value: string;
+}
+interface OxDataTableFilterMenuGroup {
+    id?: string;
+    label: ReactNode;
+    onToggle: (value: string) => void;
+    options: readonly OxDataTableFilterMenuOption[];
+    selected: ReadonlySet<string>;
+}
+interface OxDataTableFilterMenuProps {
+    className?: string;
+    groups: readonly OxDataTableFilterMenuGroup[];
+    trigger?: ReactNode;
+    triggerLabel?: string;
+}
+interface OxDataTableSkeletonProps {
+    className?: string;
+    rows?: number;
+    toolbar?: boolean;
+}
+type DataTablePaginationVariant = 'simple' | 'numbered';
 interface OxDataTablePaginationProps {
     className?: string;
     layout?: DataTablePaginationLayout;
     nextLabel?: string;
     previousLabel?: string;
+    summary?: ReactNode;
+    variant?: DataTablePaginationVariant;
 }
 interface OxDataTableFooterProps {
     children?: ReactNode;
@@ -94,6 +121,7 @@ interface OxDataTableFooterProps {
 }
 interface OxDataTableSelectionActionsProps<TRow> {
     children: (context: OxDataTableSelectionContext<TRow>) => ReactNode;
+    count?: number;
     fallback?: ReactNode;
 }
 interface OxDataTableColumnConfigProps {
@@ -103,4 +131,4 @@ interface OxDataTableColumnConfigProps {
     title?: ReactNode;
     trigger?: ReactNode;
 }
-export type { ColumnAccessor, DataTableAlign, DataTableDensity, DataTablePaginationLayout, DataTablePaginationMode, OxDataTableColumn, OxDataTableColumnConfigProps, OxDataTableFilterChipsProps, OxDataTableFooterProps, OxDataTablePaginationProps, OxDataTableProps, OxDataTableSelectionActionsProps, OxDataTableSelectionContext, OxDataTableSortState, OxDataTableToolbarGroupProps, OxDataTableToolbarProps, SortDirection, };
+export type { ColumnAccessor, DataTableAlign, DataTableDensity, DataTablePaginationLayout, DataTablePaginationMode, DataTablePaginationVariant, OxDataTableColumn, OxDataTableColumnConfigProps, OxDataTableFilterChipsProps, OxDataTableFilterMenuGroup, OxDataTableFilterMenuOption, OxDataTableFilterMenuProps, OxDataTableFooterProps, OxDataTablePaginationProps, OxDataTableProps, OxDataTableSelectionActionsProps, OxDataTableSelectionContext, OxDataTableSkeletonProps, OxDataTableSortState, OxDataTableToolbarGroupProps, OxDataTableToolbarProps, SortDirection, };

package/dist/components/DataTable/index.d.ts

@@ -1,13 +1,15 @@
-import { OxDataTableColumnConfig, OxDataTableDivider, OxDataTableFilterChips, OxDataTableFooter, OxDataTablePagination, OxDataTableRoot, OxDataTableSelectionActions, OxDataTableToolbar, OxDataTableToolbarGroup } from './DataTable';
+import { OxDataTableColumnConfig, OxDataTableDivider, OxDataTableFilterChips, OxDataTableFilterMenu, OxDataTableFooter, OxDataTablePagination, OxDataTableRoot, OxDataTableSelectionActions, OxDataTableSkeleton, OxDataTableToolbar, OxDataTableToolbarGroup } from './DataTable';
 declare const OxDataTable: typeof OxDataTableRoot & {
     ColumnConfig: typeof OxDataTableColumnConfig;
     Divider: typeof OxDataTableDivider;
     FilterChips: typeof OxDataTableFilterChips;
+    FilterMenu: typeof OxDataTableFilterMenu;
     Footer: typeof OxDataTableFooter;
     Pagination: typeof OxDataTablePagination;
     SelectionActions: typeof OxDataTableSelectionActions;
+    Skeleton: typeof OxDataTableSkeleton;
     Toolbar: typeof OxDataTableToolbar;
     ToolbarGroup: typeof OxDataTableToolbarGroup;
 };
 export { OxDataTable };
-export type { ColumnAccessor, DataTableAlign, DataTableDensity, DataTablePaginationLayout, DataTablePaginationMode, OxDataTableColumn, OxDataTableColumnConfigProps, OxDataTableFilterChipsProps, OxDataTableFooterProps, OxDataTablePaginationProps, OxDataTableProps, OxDataTableSelectionActionsProps, OxDataTableSelectionContext, OxDataTableSortState, OxDataTableToolbarGroupProps, OxDataTableToolbarProps, SortDirection, } from './DataTable.types';
+export type { ColumnAccessor, DataTableAlign, DataTableDensity, DataTablePaginationLayout, DataTablePaginationMode, DataTablePaginationVariant, OxDataTableColumn, OxDataTableColumnConfigProps, OxDataTableFilterChipsProps, OxDataTableFilterMenuGroup, OxDataTableFilterMenuOption, OxDataTableFilterMenuProps, OxDataTableFooterProps, OxDataTablePaginationProps, OxDataTableProps, OxDataTableSelectionActionsProps, OxDataTableSelectionContext, OxDataTableSkeletonProps, OxDataTableSortState, OxDataTableToolbarGroupProps, OxDataTableToolbarProps, SortDirection, } from './DataTable.types';

package/dist/components/DataTable/index.js

@@ -1,14 +1,16 @@
-import { OxDataTableColumnConfig as e, OxDataTableDivider as t, OxDataTableFilterChips as n, OxDataTableFooter as r, OxDataTablePagination as i, OxDataTableRoot as a, OxDataTableSelectionActions as o, OxDataTableToolbar as s, OxDataTableToolbarGroup as c } from "./DataTable.js";
+import { OxDataTableColumnConfig as e, OxDataTableDivider as t, OxDataTableFilterChips as n, OxDataTableFilterMenu as r, OxDataTableFooter as i, OxDataTablePagination as a, OxDataTableRoot as o, OxDataTableSelectionActions as s, OxDataTableSkeleton as c, OxDataTableToolbar as l, OxDataTableToolbarGroup as u } from "./DataTable.js";
 //#region src/components/DataTable/index.ts
-var l = Object.assign(a, {
+var d = Object.assign(o, {
 	ColumnConfig: e,
 	Divider: t,
 	FilterChips: n,
-	Footer: r,
-	Pagination: i,
-	SelectionActions: o,
-	Toolbar: s,
-	ToolbarGroup: c
+	FilterMenu: r,
+	Footer: i,
+	Pagination: a,
+	SelectionActions: s,
+	Skeleton: c,
+	Toolbar: l,
+	ToolbarGroup: u
 });
 //#endregion
-export { l as OxDataTable };
+export { d as OxDataTable };

package/dist/hooks/index.d.ts

@@ -6,5 +6,6 @@ export * from './useForm';
 export * from './useMediaQuery';
 export * from './usePagination';
 export * from './usePoll';
+export * from './useQuery';
 export * from './useRemember';
 export * from './useVirtualizer';

package/dist/hooks/useQuery/index.d.ts

@@ -0,0 +1,2 @@
+export { useOxQuery } from './useQuery';
+export type { OxQueryFetcher, OxQueryFetcherResult, OxQueryResult } from './useQuery.types';

package/dist/hooks/useQuery/useQuery.d.ts

@@ -0,0 +1,3 @@
+import { OxQueryFetcher, OxQueryResult } from './useQuery.types';
+declare function useOxQuery<TData, TError = unknown>(fetcher: OxQueryFetcher<TData, TError>, dependencies: readonly unknown[]): OxQueryResult<TData, TError>;
+export { useOxQuery };

package/dist/hooks/useQuery/useQuery.js

@@ -0,0 +1,53 @@
+import { c as e } from "react/compiler-runtime";
+import { useEffect as t, useRef as n, useState as r } from "react";
+//#region src/hooks/useQuery/useQuery.ts
+function i(i, o) {
+	let s = e(14), [c, l] = r(void 0), [u, d] = r(void 0), [f, p] = r(!0), [m, h] = r(void 0), [g, _] = r(0), v = n(i), y;
+	s[0] === i ? y = s[1] : (y = () => {
+		v.current = i;
+	}, s[0] = i, s[1] = y), t(y);
+	let b;
+	s[2] !== o || s[3] !== g ? (b = JSON.stringify([...o, g]), s[2] = o, s[3] = g, s[4] = b) : b = s[4];
+	let x = b, [S, C] = r(x);
+	x !== S && (C(x), p(!0), h(void 0), d((e) => c ?? e), l(void 0));
+	let w;
+	s[5] === Symbol.for("react.memo_cache_sentinel") ? (w = () => {
+		let e = new AbortController(), t = !1;
+		return (async () => {
+			try {
+				let n = await v.current(e.signal);
+				if (t) return;
+				if (p(!1), n.error !== void 0) {
+					h(n.error);
+					return;
+				}
+				l(n.data);
+			} catch (e) {
+				let n = e;
+				if (t || n instanceof DOMException && n.name === "AbortError") return;
+				p(!1), h(n instanceof Error ? n : Error(String(n)));
+			}
+		})(), () => {
+			t = !0, e.abort();
+		};
+	}, s[5] = w) : w = s[5];
+	let T;
+	s[6] === x ? T = s[7] : (T = [x], s[6] = x, s[7] = T), t(w, T);
+	let E;
+	s[8] === Symbol.for("react.memo_cache_sentinel") ? (E = () => {
+		_(a);
+	}, s[8] = E) : E = s[8];
+	let D = E, O;
+	return s[9] !== c || s[10] !== m || s[11] !== f || s[12] !== u ? (O = {
+		data: c,
+		error: m,
+		loading: f,
+		previousData: u,
+		refetch: D
+	}, s[9] = c, s[10] = m, s[11] = f, s[12] = u, s[13] = O) : O = s[13], O;
+}
+function a(e) {
+	return e + 1;
+}
+//#endregion
+export { i as useOxQuery };

package/dist/hooks/useQuery/useQuery.types.d.ts

@@ -0,0 +1,12 @@
+export interface OxQueryFetcherResult<TData, TError = unknown> {
+    data?: TData;
+    error?: TError;
+}
+export type OxQueryFetcher<TData, TError = unknown> = (signal: AbortSignal) => Promise<OxQueryFetcherResult<TData, TError>>;
+export interface OxQueryResult<TData, TError = unknown> {
+    data: TData | undefined;
+    error: Error | TError | undefined;
+    loading: boolean;
+    previousData: TData | undefined;
+    refetch: () => void;
+}

package/dist/hooks.js

@@ -1,13 +1,14 @@
 import { useOxMediaQuery as e } from "./hooks/useMediaQuery/useMediaQuery.js";
-import { oxBreakpoints as t, useOxBreakpoint as n, useOxBreakpointDown as r, useOxBreakpointUp as i } from "./hooks/useBreakpoint/useBreakpoint.js";
-import { useOxVirtualizer as a } from "./hooks/useVirtualizer/useVirtualizer.js";
-import { useOxCommandShortcut as o } from "./hooks/useCommandShortcut/useCommandShortcut.js";
-import { useOxDebounce as s, useOxDebouncedValue as c } from "./hooks/useDebounce/useDebounce.js";
-import { OxFormErrors as l, formErrors as u, useOxForm as d } from "./hooks/useForm/useForm.js";
-import { standardSchemaResolver as f } from "./hooks/useForm/standardSchemaResolver.js";
-import { useOxFilter as p } from "./hooks/useFilter/useFilter.js";
-import { useOxPagination as m } from "./hooks/usePagination/usePagination.js";
+import { useOxPagination as t } from "./hooks/usePagination/usePagination.js";
+import { oxBreakpoints as n, useOxBreakpoint as r, useOxBreakpointDown as i, useOxBreakpointUp as a } from "./hooks/useBreakpoint/useBreakpoint.js";
+import { useOxVirtualizer as o } from "./hooks/useVirtualizer/useVirtualizer.js";
+import { useOxCommandShortcut as s } from "./hooks/useCommandShortcut/useCommandShortcut.js";
+import { useOxDebounce as c, useOxDebouncedValue as l } from "./hooks/useDebounce/useDebounce.js";
+import { OxFormErrors as u, formErrors as d, useOxForm as f } from "./hooks/useForm/useForm.js";
+import { standardSchemaResolver as p } from "./hooks/useForm/standardSchemaResolver.js";
+import { useOxFilter as m } from "./hooks/useFilter/useFilter.js";
 import { useOxPoll as h } from "./hooks/usePoll/usePoll.js";
-import { oxHistoryStateAdapter as g, oxLocalStorageAdapter as _, oxSessionStorageAdapter as v } from "./hooks/useRemember/useRemember.adapters.js";
-import { useOxRemember as y } from "./hooks/useRemember/useRemember.js";
-export { l as OxFormErrors, u as formErrors, t as oxBreakpoints, g as oxHistoryStateAdapter, _ as oxLocalStorageAdapter, v as oxSessionStorageAdapter, f as standardSchemaResolver, n as useOxBreakpoint, r as useOxBreakpointDown, i as useOxBreakpointUp, o as useOxCommandShortcut, s as useOxDebounce, c as useOxDebouncedValue, p as useOxFilter, d as useOxForm, e as useOxMediaQuery, m as useOxPagination, h as useOxPoll, y as useOxRemember, a as useOxVirtualizer };
+import { useOxQuery as g } from "./hooks/useQuery/useQuery.js";
+import { oxHistoryStateAdapter as _, oxLocalStorageAdapter as v, oxSessionStorageAdapter as y } from "./hooks/useRemember/useRemember.adapters.js";
+import { useOxRemember as b } from "./hooks/useRemember/useRemember.js";
+export { u as OxFormErrors, d as formErrors, n as oxBreakpoints, _ as oxHistoryStateAdapter, v as oxLocalStorageAdapter, y as oxSessionStorageAdapter, p as standardSchemaResolver, r as useOxBreakpoint, i as useOxBreakpointDown, a as useOxBreakpointUp, s as useOxCommandShortcut, c as useOxDebounce, l as useOxDebouncedValue, m as useOxFilter, f as useOxForm, e as useOxMediaQuery, t as useOxPagination, h as useOxPoll, g as useOxQuery, b as useOxRemember, o as useOxVirtualizer };

package/dist/index.js

@@ -22,26 +22,26 @@ import { OxContextMenu as T } from "./components/ContextMenu/index.js";
 import { OxCopyButton as E } from "./components/CopyButton/CopyButton.js";
 import { OxInput as D } from "./components/Input/index.js";
 import { OxCopyInput as O } from "./components/CopyInput/CopyInput.js";
-import { OxPopover as k } from "./components/Popover/index.js";
-import { OxSkeleton as A } from "./components/Skeleton/Skeleton2.js";
-import { OxTable as j } from "./components/Table/index.js";
-import { OxDataTable as M } from "./components/DataTable/index.js";
-import { OxDescriptionList as N } from "./components/DescriptionList/index.js";
-import { OxDialog as P } from "./components/Dialog/index.js";
-import { OxDrawer as F } from "./components/Drawer/index.js";
-import { OxField as I } from "./components/Field/index.js";
-import { OxFieldset as L } from "./components/Fieldset/index.js";
-import { OxFooter as R } from "./components/Footer/index.js";
-import { OxHeader as z } from "./components/Header/index.js";
-import { OxHoldToDelete as B } from "./components/HoldToDelete/HoldToDelete2.js";
-import { OxKbd as V } from "./components/Kbd/Kbd.js";
-import { OxMain as H } from "./components/Main/Main.js";
-import { OxMeter as U } from "./components/Meter/index.js";
-import { OxNavigationMenu as W } from "./components/NavigationMenu/index.js";
-import { OxNumberInput as G } from "./components/NumberInput/index.js";
-import { OxOtpField as K } from "./components/OtpField/OtpField.js";
-import { OxPageProgress as q } from "./components/PageProgress/PageProgress.js";
-import { OxPagination as J } from "./components/Pagination/index.js";
+import { OxPagination as k } from "./components/Pagination/index.js";
+import { OxPopover as A } from "./components/Popover/index.js";
+import { OxSkeleton as j } from "./components/Skeleton/Skeleton2.js";
+import { OxTable as M } from "./components/Table/index.js";
+import { OxDataTable as N } from "./components/DataTable/index.js";
+import { OxDescriptionList as P } from "./components/DescriptionList/index.js";
+import { OxDialog as F } from "./components/Dialog/index.js";
+import { OxDrawer as I } from "./components/Drawer/index.js";
+import { OxField as L } from "./components/Field/index.js";
+import { OxFieldset as R } from "./components/Fieldset/index.js";
+import { OxFooter as z } from "./components/Footer/index.js";
+import { OxHeader as B } from "./components/Header/index.js";
+import { OxHoldToDelete as V } from "./components/HoldToDelete/HoldToDelete2.js";
+import { OxKbd as H } from "./components/Kbd/Kbd.js";
+import { OxMain as U } from "./components/Main/Main.js";
+import { OxMeter as W } from "./components/Meter/index.js";
+import { OxNavigationMenu as G } from "./components/NavigationMenu/index.js";
+import { OxNumberInput as K } from "./components/NumberInput/index.js";
+import { OxOtpField as q } from "./components/OtpField/OtpField.js";
+import { OxPageProgress as J } from "./components/PageProgress/PageProgress.js";
 import { OxProgress as Y } from "./components/Progress/index.js";
 import { OxRadio as X, OxRadioGroup as Z } from "./components/Radio/Radio.js";
 import { OxResponsiveOverlay as Q } from "./components/ResponsiveOverlay/index.js";
@@ -63,4 +63,4 @@ import { OxToast as ge } from "./components/Toast/index.js";
 import { OxToggle as _e } from "./components/Toggle/index.js";
 import { OxTypewriter as ve } from "./components/Typewriter/index.js";
 import { OxVirtualList as ye } from "./components/VirtualList/VirtualList.js";
-export { e as OxAccordion, t as OxAlert, r as OxAlertDialog, i as OxAnimatedGradientText, a as OxAppLayout, s as OxAutocomplete, u as OxAvatar, d as OxAvatarGroup, f as OxBadge, m as OxBlurSwitch, g as OxBreadcrumb, p as OxButton, _ as OxCard, C as OxCheckbox, w as OxCheckboxGroup, de as OxChip, v as OxCollapsible, y as OxCombobox, S as OxCommand, T as OxContextMenu, E as OxCopyButton, O as OxCopyInput, M as OxDataTable, N as OxDescriptionList, P as OxDialog, F as OxDrawer, h as OxDropdown, I as OxField, L as OxFieldset, R as OxFooter, z as OxHeader, B as OxHoldToDelete, n as OxIconTile, D as OxInput, V as OxKbd, H as OxMain, U as OxMeter, W as OxNavigationMenu, G as OxNumberInput, K as OxOtpField, q as OxPageProgress, J as OxPagination, k as OxPopover, Y as OxProgress, X as OxRadio, Z as OxRadioGroup, Q as OxResponsiveOverlay, ee as OxScrollArea, $ as OxSelect, te as OxSeparator, ne as OxSidebar, ae as OxSidebarRail, A as OxSkeleton, le as OxSlider, o as OxSpinner, ue as OxStatusDisplay, oe as OxSwitch, se as OxTabBar, j as OxTable, ce as OxTabs, fe as OxTextarea, ge as OxToast, _e as OxToggle, re as OxTooltip, ie as OxTooltipProvider, ve as OxTypewriter, ye as OxVirtualList, pe as createOxToastManager, me as oxToast, c as useOxAutocompleteFilter, l as useOxAutocompleteFilteredItems, b as useOxComboboxFilter, x as useOxComboboxFilteredItems, he as useOxToast };
+export { e as OxAccordion, t as OxAlert, r as OxAlertDialog, i as OxAnimatedGradientText, a as OxAppLayout, s as OxAutocomplete, u as OxAvatar, d as OxAvatarGroup, f as OxBadge, m as OxBlurSwitch, g as OxBreadcrumb, p as OxButton, _ as OxCard, C as OxCheckbox, w as OxCheckboxGroup, de as OxChip, v as OxCollapsible, y as OxCombobox, S as OxCommand, T as OxContextMenu, E as OxCopyButton, O as OxCopyInput, N as OxDataTable, P as OxDescriptionList, F as OxDialog, I as OxDrawer, h as OxDropdown, L as OxField, R as OxFieldset, z as OxFooter, B as OxHeader, V as OxHoldToDelete, n as OxIconTile, D as OxInput, H as OxKbd, U as OxMain, W as OxMeter, G as OxNavigationMenu, K as OxNumberInput, q as OxOtpField, J as OxPageProgress, k as OxPagination, A as OxPopover, Y as OxProgress, X as OxRadio, Z as OxRadioGroup, Q as OxResponsiveOverlay, ee as OxScrollArea, $ as OxSelect, te as OxSeparator, ne as OxSidebar, ae as OxSidebarRail, j as OxSkeleton, le as OxSlider, o as OxSpinner, ue as OxStatusDisplay, oe as OxSwitch, se as OxTabBar, M as OxTable, ce as OxTabs, fe as OxTextarea, ge as OxToast, _e as OxToggle, re as OxTooltip, ie as OxTooltipProvider, ve as OxTypewriter, ye as OxVirtualList, pe as createOxToastManager, me as oxToast, c as useOxAutocompleteFilter, l as useOxAutocompleteFilteredItems, b as useOxComboboxFilter, x as useOxComboboxFilteredItems, he as useOxToast };

package/dist/rest/executors/OxRestError.d.ts

@@ -0,0 +1,5 @@
+export declare class OxRestError extends Error {
+    readonly status: number;
+    readonly body: unknown;
+    constructor(status: number, body: unknown);
+}

package/dist/rest/executors/OxRestError.js

@@ -0,0 +1,10 @@
+//#region src/rest/executors/OxRestError.ts
+var e = class extends Error {
+	status;
+	body;
+	constructor(e, t) {
+		super(`HTTP ${e}`), this.name = "OxRestError", this.status = e, this.body = t;
+	}
+};
+//#endregion
+export { e as OxRestError };

package/dist/rest/executors/restExecutor.js

@@ -1,48 +1,49 @@
 import { formErrors as e } from "../../hooks/useForm/useForm.js";
+import { OxRestError as t } from "./OxRestError.js";
 //#region src/rest/executors/restExecutor.ts
-var t = (e) => typeof Blob < "u" && e instanceof Blob, n = (e) => typeof FileList < "u" && e instanceof FileList;
-function r(e) {
-	return t(e) || n(e) ? !0 : Array.isArray(e) ? e.some((e) => r(e)) : typeof e == "object" && e ? Object.values(e).some((e) => r(e)) : !1;
+var n = (e) => typeof Blob < "u" && e instanceof Blob, r = (e) => typeof FileList < "u" && e instanceof FileList;
+function i(e) {
+	return n(e) || r(e) ? !0 : Array.isArray(e) ? e.some((e) => i(e)) : typeof e == "object" && e ? Object.values(e).some((e) => i(e)) : !1;
 }
-function i(e, r, a) {
-	if (a !== void 0) {
-		if (a === null) {
-			e.append(r, "");
+function a(e, t, i) {
+	if (i !== void 0) {
+		if (i === null) {
+			e.append(t, "");
 			return;
 		}
-		if (t(a)) {
-			e.append(r, a);
+		if (n(i)) {
+			e.append(t, i);
 			return;
 		}
-		if (n(a)) {
-			[...a].forEach((t, n) => i(e, `${r}[${n}]`, t));
+		if (r(i)) {
+			[...i].forEach((n, r) => a(e, `${t}[${r}]`, n));
 			return;
 		}
-		if (Array.isArray(a)) {
-			a.forEach((t, n) => i(e, `${r}[${n}]`, t));
+		if (Array.isArray(i)) {
+			i.forEach((n, r) => a(e, `${t}[${r}]`, n));
 			return;
 		}
-		if (a instanceof Date) {
-			e.append(r, a.toISOString());
+		if (i instanceof Date) {
+			e.append(t, i.toISOString());
 			return;
 		}
-		if (typeof a == "object") {
-			for (let [t, n] of Object.entries(a)) i(e, `${r}[${t}]`, n);
+		if (typeof i == "object") {
+			for (let [n, r] of Object.entries(i)) a(e, `${t}[${n}]`, r);
 			return;
 		}
-		if (typeof a == "boolean") {
-			e.append(r, a ? "1" : "0");
+		if (typeof i == "boolean") {
+			e.append(t, i ? "1" : "0");
 			return;
 		}
-		e.append(r, String(a));
+		e.append(t, String(i));
 	}
 }
-function a(e) {
+function o(e) {
 	let t = new FormData();
-	for (let [n, r] of Object.entries(e)) i(t, n, r);
+	for (let [n, r] of Object.entries(e)) a(t, n, r);
 	return t;
 }
-function o(e) {
+function s(e) {
 	let t = new URLSearchParams(), n = (e, r) => {
 		if (!(r == null || r === "")) {
 			if (Array.isArray(r)) {
@@ -60,94 +61,101 @@ function o(e) {
 	for (let [t, r] of Object.entries(e)) n(t, r);
 	return t.toString();
 }
-var s = (e, t) => e !== 422 || typeof t != "object" || !t ? null : t.errors ?? t;
-function c(t, n, r) {
-	let i = r(t, n);
-	if (i === null) throw Error(`restExecutor: received HTTP ${t} but parseErrors produced no field errors`);
-	return e(i);
+var c = (e, t) => e !== 422 || typeof t != "object" || !t ? null : t.errors ?? t;
+function l(n, r, i) {
+	let a = i(n, r);
+	if (a === null) throw new t(n, r);
+	return e(a);
 }
-function l(e, t) {
-	return t.length === 0 ? null : e?.includes("application/json") ? JSON.parse(t) : t;
+var u = (e) => e?.includes("application/json") === !0 || e?.includes("application/problem+json") === !0;
+function d(e, t) {
+	if (t.length === 0) return null;
+	if (u(e)) return JSON.parse(t);
+	try {
+		return JSON.parse(t);
+	} catch {
+		return t;
+	}
 }
-function u(e, t, n, r, i, o, s) {
-	let { onProgress: u, signal: d } = s;
-	return new Promise((s, f) => {
-		if (d.aborted) {
-			f(new DOMException("Aborted", "AbortError"));
+function f(e, n, r, i, a, s, c) {
+	let { onProgress: u, signal: f } = c;
+	return new Promise((c, p) => {
+		if (f.aborted) {
+			p(new DOMException("Aborted", "AbortError"));
 			return;
 		}
-		let p = new XMLHttpRequest();
-		p.open(e, t), p.withCredentials = i;
-		for (let [e, t] of Object.entries(r)) p.setRequestHeader(e, t);
-		let m = () => p.abort();
-		d.addEventListener("abort", m), p.upload.addEventListener("progress", (e) => {
+		let m = new XMLHttpRequest();
+		m.open(e, n), m.withCredentials = a;
+		for (let [e, t] of Object.entries(i)) m.setRequestHeader(e, t);
+		let h = () => m.abort();
+		f.addEventListener("abort", h), m.upload.addEventListener("progress", (e) => {
 			let t = {
 				loaded: e.loaded,
 				total: e.lengthComputable ? e.total : void 0,
 				percentage: e.lengthComputable ? Math.round(e.loaded * 100 / e.total) : void 0
 			};
 			u?.(t);
-		}), p.addEventListener("abort", () => {
-			d.removeEventListener("abort", m), f(new DOMException("Aborted", "AbortError"));
-		}), p.addEventListener("error", () => {
-			d.removeEventListener("abort", m), f(/* @__PURE__ */ Error("Network request failed"));
-		}), p.addEventListener("load", () => {
-			d.removeEventListener("abort", m);
+		}), m.addEventListener("abort", () => {
+			f.removeEventListener("abort", h), p(new DOMException("Aborted", "AbortError"));
+		}), m.addEventListener("error", () => {
+			f.removeEventListener("abort", h), p(/* @__PURE__ */ Error("Network request failed"));
+		}), m.addEventListener("load", () => {
+			f.removeEventListener("abort", h);
 			let e;
 			try {
-				e = l(p.getResponseHeader("Content-Type"), p.responseText);
+				e = d(m.getResponseHeader("Content-Type"), m.responseText);
 			} catch (e) {
-				f(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to parse response"));
+				p(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to parse response"));
 				return;
 			}
-			if (p.status === 422) {
+			if (m.status === 422) {
 				try {
-					s(c(422, e, o));
+					c(l(422, e, s));
 				} catch (e) {
-					f(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to map validation error"));
+					p(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to map validation error"));
 				}
 				return;
 			}
-			if (p.status < 200 || p.status >= 300) {
-				f(/* @__PURE__ */ Error(`HTTP ${p.status}`));
+			if (m.status < 200 || m.status >= 300) {
+				p(new t(m.status, e));
 				return;
 			}
-			s(e);
-		}), p.send(a(n));
+			c(e);
+		}), m.send(o(r));
 	});
 }
-function d(e, t = {}) {
-	let { credentials: n = "same-origin", forceFormData: i = !1, headers: a, parseErrors: d } = t, f = d ?? s;
-	return async (t) => {
-		let { method: s = "post", payload: d, signal: p, url: m } = t, h = m ?? e;
-		if (!h) throw Error("restExecutor: no url provided (pass it to restExecutor or to the method)");
-		let g = s.toUpperCase(), _ = g === "GET" || g === "HEAD", v = typeof a == "function" ? a(d) : a ?? {};
-		if (!_ && (i || r(d))) return u(g, h, d, v, n === "include", f, t);
-		if (_) {
-			let e = o(d), t = await fetch(e ? `${h}?${e}` : h, {
-				method: g,
-				headers: v,
-				credentials: n,
-				signal: p
-			}), r = l(t.headers.get("Content-Type"), await t.text());
-			if (t.status === 422) return c(422, r, f);
-			if (!t.ok) throw Error(`HTTP ${t.status}`);
-			return r;
+function p(e, n = {}) {
+	let { credentials: r = "same-origin", forceFormData: a = !1, headers: o, parseErrors: u } = n, p = u ?? c;
+	return async (n) => {
+		let { method: c = "post", payload: u, signal: m, url: h } = n, g = h ?? e;
+		if (!g) throw Error("restExecutor: no url provided (pass it to restExecutor or to the method)");
+		let _ = c.toUpperCase(), v = _ === "GET" || _ === "HEAD", y = typeof o == "function" ? o(u) : o ?? {};
+		if (!v && (a || i(u))) return f(_, g, u, y, r === "include", p, n);
+		if (v) {
+			let e = s(u), n = await fetch(e ? `${g}?${e}` : g, {
+				method: _,
+				headers: y,
+				credentials: r,
+				signal: m
+			}), i = d(n.headers.get("Content-Type"), await n.text());
+			if (n.status === 422) return l(422, i, p);
+			if (!n.ok) throw new t(n.status, i);
+			return i;
 		}
-		let y = await fetch(h, {
-			method: g,
+		let b = await fetch(g, {
+			method: _,
 			headers: {
 				"Content-Type": "application/json",
-				...v
+				...y
 			},
-			body: JSON.stringify(d),
-			credentials: n,
-			signal: p
-		}), b = l(y.headers.get("Content-Type"), await y.text());
-		if (y.status === 422) return c(422, b, f);
-		if (!y.ok) throw Error(`HTTP ${y.status}`);
-		return b;
+			body: JSON.stringify(u),
+			credentials: r,
+			signal: m
+		}), x = d(b.headers.get("Content-Type"), await b.text());
+		if (b.status === 422) return l(422, x, p);
+		if (!b.ok) throw new t(b.status, x);
+		return x;
 	};
 }
 //#endregion
-export { d as restExecutor };
+export { p as restExecutor };

package/dist/rest/index.d.ts

@@ -1,2 +1,3 @@
+export { OxRestError } from './executors/OxRestError';
 export { restExecutor } from './executors/restExecutor';
 export type { RestExecutorOptions } from './executors/restExecutor.types';

package/dist/rest.js

@@ -1,2 +1,3 @@
-import { restExecutor as e } from "./rest/executors/restExecutor.js";
-export { e as restExecutor };
+import { OxRestError as e } from "./rest/executors/OxRestError.js";
+import { restExecutor as t } from "./rest/executors/restExecutor.js";
+export { e as OxRestError, t as restExecutor };