@bsuite/ui 1.0.3 → 1.1.0

package/dist/data-unavailable.d.ts

@@ -0,0 +1,98 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+/**
+ * DataUnavailable — the honest state.
+ *
+ * WHY THIS EXISTS
+ * ---------------
+ * Five live surfaces across crm7 and business-suite-unified shared one idiom:
+ *
+ *     const rows = query.data ?? HARDCODED_FALLBACK
+ *
+ * That line turns every failure into a confident-looking answer. The worst
+ * instance rendered a fabricated 95% compliance score — including "Fair Work
+ * Compliance — Award rates verified" — when the underlying query was denied by
+ * RLS. An authorization failure was presented to the user as a compliance
+ * assurance. Another exported invented dollar figures to a file that then looks
+ * authoritative to whoever opens it.
+ *
+ * The operator's standing rule is: never display mock data in the UI,
+ * especially for financial or account-related information.
+ *
+ * THE CONTRACT
+ * ------------
+ * This component renders the ABSENCE of data. It therefore:
+ *
+ *   1. Takes no numeric prop and renders no number of its own. There is
+ *      nothing here that can be misread as a measurement.
+ *   2. Never uses the success tone. A failure is never green.
+ *   3. Separates "nothing exists" from "we could not find out", and separates
+ *      "you may not see this" from "this broke". Collapsing those is precisely
+ *      the defect it replaces.
+ *   4. Surfaces the real reason verbatim, in a monospace diagnostic block, so
+ *      the reader can tell a permission denial from a network fault.
+ *   5. Carries `data-slot="data-unavailable"` and `data-state`, so tests and
+ *      lints can assert that a surface degraded honestly.
+ *
+ * Pair it with `resolveDataState` so the call site never re-derives the
+ * branching, and the `??` idiom has nowhere to come back.
+ */
+export type DataUnavailableState = 
+/** The query is in flight. Nothing is known yet. */
+'loading'
+/** The query succeeded and the answer is genuinely "none". */
+ | 'empty'
+/** The query failed. We do not know the answer. */
+ | 'error'
+/** The query was refused. The data may exist; this caller may not see it. */
+ | 'forbidden'
+/** No queryable source is reachable from this surface at all. */
+ | 'unavailable';
+export interface DataUnavailableProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    state: DataUnavailableState;
+    /**
+     * What could not be shown, as a specific noun — "Budgets", "Compliance
+     * checks", "OAuth clients". Overrides the generic preset heading.
+     */
+    title?: ReactNode;
+    description?: ReactNode;
+    /**
+     * The real, verbatim failure reason — an error message, a Postgres code.
+     * Rendered as monospace diagnostics, never as prose. Pass the actual thing;
+     * a sanitised reason is how "unknown" becomes "fine" again.
+     */
+    reason?: ReactNode;
+    /** Retry handler. Omit when retrying cannot help (`forbidden`). */
+    onRetry?: () => void;
+    retryLabel?: string;
+    /** Escape hatch for a site-specific action (e.g. "Request access"). */
+    action?: ReactNode;
+    /** `compact` suits an inline card slot; `block` a full page region. */
+    size?: 'compact' | 'block';
+}
+export declare function DataUnavailable({ state, title, description, reason, onRetry, retryLabel, action, size, className, ...props }: DataUnavailableProps): import("react").JSX.Element;
+/**
+ * Structural subset of a TanStack Query result. Declared structurally on
+ * purpose: `@bsuite/ui` must not take a dependency on the data layer, and this
+ * shape is equally satisfiable by a hand-rolled hook.
+ */
+export interface QueryLike<T> {
+    data: T | undefined;
+    isPending?: boolean;
+    isLoading?: boolean;
+    isError?: boolean;
+    error?: unknown;
+}
+/** Human-readable reason string for the `reason` prop. */
+export declare function describeError(error: unknown): string;
+/**
+ * Map a query result to either `'ready'` (render the real data) or the honest
+ * state to render instead.
+ *
+ * The point is that there is no fourth answer. A call site cannot get a
+ * fallback out of this function, which is what makes the class fix stick.
+ *
+ * @param isEmpty how to decide the data is genuinely empty. Defaults to
+ *   "an array with no elements". Pass explicitly for object-shaped payloads.
+ */
+export declare function resolveDataState<T>(query: QueryLike<T>, isEmpty?: (data: T) => boolean): DataUnavailableState | 'ready';
+//# sourceMappingURL=data-unavailable.d.ts.map

package/dist/data-unavailable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-unavailable.d.ts","sourceRoot":"","sources":["../src/data-unavailable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AAMH,MAAM,MAAM,oBAAoB;AAC9B,oDAAoD;AAClD,SAAS;AACX,8DAA8D;GAC5D,OAAO;AACT,mDAAmD;GACjD,OAAO;AACT,6EAA6E;GAC3E,WAAW;AACb,iEAAiE;GAC/D,aAAa,CAAA;AA0JjB,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzF,KAAK,EAAE,oBAAoB,CAAA;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,uEAAuE;IACvE,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,uEAAuE;IACvE,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAC3B;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,WAAW,EACX,MAAM,EACN,OAAO,EACP,UAAwB,EACxB,MAAM,EACN,IAAc,EACd,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,+BAiEtB;AAMD;;;;GAIG;AACH,MAAM,WAAW,SAAS,CAAC,CAAC;IAC1B,IAAI,EAAE,CAAC,GAAG,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAwBD,0DAA0D;AAC1D,wBAAgB,aAAa,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAcpD;AAED;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAChC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,EACnB,OAAO,GAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAmD,GACxE,oBAAoB,GAAG,OAAO,CAKhC"}

package/dist/data-unavailable.js

@@ -0,0 +1,162 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from './utils.js';
+const PRESETS = {
+    loading: {
+        tone: 'info',
+        title: 'Loading…',
+        description: 'Fetching the current figures.',
+        icon: 'spinner',
+        live: 'polite',
+        role: 'status',
+    },
+    empty: {
+        tone: 'neutral',
+        title: 'Nothing recorded yet',
+        description: 'This is a real answer, not a failure — no records exist for the current selection.',
+        icon: 'empty',
+        live: 'polite',
+        role: 'status',
+    },
+    error: {
+        tone: 'destructive',
+        title: 'Could not load this',
+        description: 'The request failed, so nothing is shown. This is not an empty result — the real value is unknown.',
+        icon: 'alert',
+        live: 'assertive',
+        role: 'alert',
+    },
+    forbidden: {
+        tone: 'warning',
+        title: 'You do not have access to this',
+        description: 'The request was refused. Data may exist that this account is not permitted to read, so nothing is shown.',
+        icon: 'lock',
+        live: 'assertive',
+        role: 'alert',
+    },
+    unavailable: {
+        tone: 'warning',
+        title: 'Not readable from here',
+        description: 'No queryable source for this information is reachable from this surface, so nothing is shown.',
+        icon: 'unplugged',
+        live: 'polite',
+        role: 'status',
+    },
+};
+// Role-bound only. `success` is deliberately absent: an honest state is never green.
+const TONE_SURFACE = {
+    neutral: 'border-border bg-muted/30 text-muted-foreground',
+    info: 'border-primary/30 bg-primary/5 text-primary',
+    warning: 'border-status-warning/40 bg-status-warning/5 text-status-warning',
+    destructive: 'border-destructive/40 bg-destructive/5 text-destructive',
+};
+// ---------------------------------------------------------------------------
+// Icons — inline SVG, `currentColor` only, so they inherit the tone token.
+// (The package has no icon dependency; `loading-spinner.tsx` sets this
+// precedent. Adding lucide-react here would push it onto every consumer.)
+// ---------------------------------------------------------------------------
+function StateIcon({ icon }) {
+    const common = {
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 1.75,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        className: 'h-6 w-6',
+        'aria-hidden': true,
+    };
+    switch (icon) {
+        case 'spinner':
+            return (_jsxs("svg", { ...common, className: cn(common.className, 'animate-spin'), children: [_jsx("circle", { cx: "12", cy: "12", r: "9", className: "opacity-25" }), _jsx("path", { d: "M21 12a9 9 0 0 0-9-9", className: "opacity-90" })] }));
+        case 'empty':
+            // An empty tray — "we looked, there was nothing".
+            return (_jsxs("svg", { ...common, children: [_jsx("path", { d: "M3 14h4l1.5 3h7L17 14h4" }), _jsx("path", { d: "M5 14 7 5h10l2 9v5H5z" })] }));
+        case 'alert':
+            return (_jsxs("svg", { ...common, children: [_jsx("path", { d: "M12 3.5 2.5 20h19L12 3.5z" }), _jsx("path", { d: "M12 10v4" }), _jsx("path", { d: "M12 17.5h.01" })] }));
+        case 'lock':
+            return (_jsxs("svg", { ...common, children: [_jsx("rect", { x: "4", y: "10", width: "16", height: "10", rx: "2" }), _jsx("path", { d: "M8 10V7a4 4 0 0 1 8 0v3" }), _jsx("path", { d: "M12 14v2" })] }));
+        case 'unplugged':
+            return (_jsxs("svg", { ...common, children: [_jsx("path", { d: "M7 3v5" }), _jsx("path", { d: "M13 3v5" }), _jsx("path", { d: "M4 8h12v3a6 6 0 0 1-6 6v4" }), _jsx("path", { d: "m3 3 18 18" })] }));
+    }
+}
+/**
+ * Diagonal hatch. This is the load-bearing visual: hatched ground is not a
+ * texture any populated surface in the estate uses, so "this panel is not
+ * data" is legible before a single word is read. `currentColor` keeps it on
+ * the tone token in both themes.
+ */
+function Hatch() {
+    return (_jsxs("svg", { "aria-hidden": true, className: "pointer-events-none absolute inset-0 h-full w-full opacity-[0.07]", preserveAspectRatio: "none", children: [_jsx("defs", { children: _jsx("pattern", { id: "bs-du-hatch", width: "8", height: "8", patternUnits: "userSpaceOnUse", patternTransform: "rotate(45)", children: _jsx("line", { x1: "0", y1: "0", x2: "0", y2: "8", stroke: "currentColor", strokeWidth: "2" }) }) }), _jsx("rect", { width: "100%", height: "100%", fill: "url(#bs-du-hatch)" })] }));
+}
+export function DataUnavailable({ state, title, description, reason, onRetry, retryLabel = 'Try again', action, size = 'block', className, ...props }) {
+    const preset = PRESETS[state];
+    const showRetry = Boolean(onRetry) && state !== 'forbidden';
+    return (_jsxs("div", { "data-slot": "data-unavailable", "data-state": state, role: preset.role, "aria-live": preset.live, "aria-busy": state === 'loading' || undefined, className: cn(
+        // Dashed + hatched: deliberately unlike every populated surface.
+        'relative isolate flex flex-col items-center justify-center overflow-hidden', 'rounded-lg border border-dashed text-center', size === 'compact' ? 'min-h-32 gap-2 p-4' : 'min-h-48 gap-3 p-8', TONE_SURFACE[preset.tone], className), ...props, children: [_jsx(Hatch, {}), _jsxs("div", { className: "relative flex flex-col items-center gap-3", children: [_jsx(StateIcon, { icon: preset.icon }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-base font-semibold text-foreground", children: title ?? preset.title }), _jsx("p", { className: "mx-auto max-w-prose text-sm text-muted-foreground", children: description ?? preset.description })] }), reason ? (_jsxs("div", { className: "mx-auto w-full max-w-prose", children: [_jsx("p", { className: "mb-1 text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Reason" }), _jsx("pre", { className: "overflow-x-auto whitespace-pre-wrap break-words rounded-md border border-border bg-card/80 px-3 py-2 text-left font-mono text-xs text-muted-foreground", children: reason })] })) : null, showRetry || action ? (_jsxs("div", { className: "mt-1 flex flex-wrap items-center justify-center gap-2", children: [showRetry ? (_jsx("button", { type: "button", onClick: onRetry, className: cn('inline-flex items-center rounded-md border border-border bg-card px-3 py-1.5', 'text-sm font-medium text-foreground', 'hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring'), children: retryLabel })) : null, action] })) : null] })] }));
+}
+/**
+ * Postgres/PostgREST codes that mean "refused", not "broken".
+ *
+ * 42501 insufficient_privilege · PGRST301 JWT problem ·
+ * PGRST116 no rows returned where one was required under RLS.
+ */
+const FORBIDDEN_MARKERS = ['42501', 'PGRST301', 'PGRST116', 'permission denied', 'row-level security'];
+function looksForbidden(error) {
+    if (!error)
+        return false;
+    const parts = [];
+    if (typeof error === 'string')
+        parts.push(error);
+    else if (typeof error === 'object') {
+        const e = error;
+        if (typeof e.message === 'string')
+            parts.push(e.message);
+        if (typeof e.code === 'string')
+            parts.push(e.code);
+        if (e.status === 401 || e.status === 403)
+            return true;
+    }
+    const haystack = parts.join(' ').toLowerCase();
+    return FORBIDDEN_MARKERS.some((m) => haystack.includes(m.toLowerCase()));
+}
+/** Human-readable reason string for the `reason` prop. */
+export function describeError(error) {
+    if (!error)
+        return 'Unknown error';
+    if (typeof error === 'string')
+        return error;
+    if (error instanceof Error)
+        return error.message;
+    if (typeof error === 'object') {
+        const e = error;
+        const code = typeof e.code === 'string' ? `[${e.code}] ` : '';
+        if (typeof e.message === 'string')
+            return `${code}${e.message}`;
+    }
+    try {
+        return JSON.stringify(error);
+    }
+    catch {
+        return String(error);
+    }
+}
+/**
+ * Map a query result to either `'ready'` (render the real data) or the honest
+ * state to render instead.
+ *
+ * The point is that there is no fourth answer. A call site cannot get a
+ * fallback out of this function, which is what makes the class fix stick.
+ *
+ * @param isEmpty how to decide the data is genuinely empty. Defaults to
+ *   "an array with no elements". Pass explicitly for object-shaped payloads.
+ */
+export function resolveDataState(query, isEmpty = (d) => Array.isArray(d) && d.length === 0) {
+    if (query.isError)
+        return looksForbidden(query.error) ? 'forbidden' : 'error';
+    if (query.isPending ?? query.isLoading ?? false)
+        return 'loading';
+    if (query.data === undefined || query.data === null)
+        return 'error';
+    return isEmpty(query.data) ? 'empty' : 'ready';
+}

package/dist/index.d.ts

@@ -7,6 +7,7 @@ export { D2CDefaultLogo, type D2CDefaultLogoProps } from './default-logo.js';
 export { Button, type ButtonProps, type ButtonSize, type ButtonVariant, } from './button.js';
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type DialogContentProps, type DialogOverlayProps, } from './dialog.js';
 export { EmptyState, type EmptyStateProps } from './empty-state.js';
+export { DataUnavailable, resolveDataState, describeError, type DataUnavailableProps, type DataUnavailableState, type QueryLike, } from './data-unavailable.js';
 export { ErrorBoundary, type ErrorBoundaryProps } from './error-boundary.js';
 export { LoadingSpinner, type LoadingSpinnerProps } from './loading-spinner.js';
 export { StatusBadge, type StatusBadgeProps, type StatusBadgeTone } from './status-badge.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACnE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC7D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC7D,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAC/B,OAAO,EACL,IAAI,EACJ,cAAc,EACd,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,OAAO,GACb,MAAM,WAAW,CAAA;AAClB,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAC5E,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,aAAa,GACnB,MAAM,aAAa,CAAA;AACpB,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,EACb,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,GACxB,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACnE,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAC5E,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAC/E,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAG5F,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,GAC3B,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACnE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC7D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC7D,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAC/B,OAAO,EACL,IAAI,EACJ,cAAc,EACd,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,OAAO,GACb,MAAM,WAAW,CAAA;AAClB,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAC5E,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,aAAa,GACnB,MAAM,aAAa,CAAA;AACpB,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,EACb,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,GACxB,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACnE,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,SAAS,GACf,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAC5E,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAC/E,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAG5F,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,GAC3B,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA"}

package/dist/index.js

@@ -7,6 +7,7 @@ export { D2CDefaultLogo } from './default-logo.js';
 export { Button, } from './button.js';
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from './dialog.js';
 export { EmptyState } from './empty-state.js';
+export { DataUnavailable, resolveDataState, describeError, } from './data-unavailable.js';
 export { ErrorBoundary } from './error-boundary.js';
 export { LoadingSpinner } from './loading-spinner.js';
 export { StatusBadge } from './status-badge.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bsuite/ui",
-  "version": "1.0.3",
+  "version": "1.1.0",
   "type": "module",
   "license": "UNLICENSED",
   "publishConfig": {
@@ -51,6 +51,10 @@
       "import": "./dist/empty-state.js",
       "types": "./dist/empty-state.d.ts"
     },
+    "./data-unavailable": {
+      "import": "./dist/data-unavailable.js",
+      "types": "./dist/data-unavailable.d.ts"
+    },
     "./error-boundary": {
       "import": "./dist/error-boundary.js",
       "types": "./dist/error-boundary.d.ts"
@@ -89,8 +93,8 @@
     }
   },
   "devDependencies": {
-    "@bsuite/theme": "^0.7.0",
-    "@storybook/react-vite": "^10.4.3",
+    "@bsuite/theme": "^0.11.0",
+    "@storybook/react-vite": "^10.5.8",
     "@tailwindcss/vite": "^4.3.0",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
@@ -101,7 +105,7 @@
     "jsdom": "^29.1.1",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
-    "storybook": "^10.4.3",
+    "storybook": "^10.5.8",
     "tailwindcss": "^4.3.0",
     "typescript": "~6.0.3",
     "vite": "^8.0.16",