@regardio/react 0.7.0 → 0.7.4

package/dist/background-slideshow/index.mjs

@@ -1,4 +1,4 @@
-import { t as Picture } from "../picture-DkX3W5zl.mjs";
+import { t as Picture } from "../picture-Cd1Znyh0.mjs";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 

package/dist/blurry-gradient/index.d.mts

@@ -6,9 +6,9 @@ interface BlurryGradientProps extends SVGProps<SVGSVGElement> {
   secondaryColor: string;
   neutralColor: string;
   /**
-  	* Accessible description for the gradient (for screen readers)
-  	* @default 'Decorative blurry gradient'
-  	*/
+  * Accessible description for the gradient (for screen readers)
+  * @default 'Decorative blurry gradient'
+  */
   description?: string;
 }
 declare const BlurryGradient: (props: BlurryGradientProps) => React.JSX.Element;

package/dist/button/index.d.mts

@@ -1,2 +1,2 @@
-import { i as ButtonVariant, n as ButtonProps, r as ButtonSize, t as Button } from "../index-C_evL5vG.mjs";
+import { i as ButtonVariant, n as ButtonProps, r as ButtonSize, t as Button } from "../index-D5qbAnHh.mjs";
 export { Button, ButtonProps, ButtonSize, ButtonVariant };

package/dist/button/index.mjs

@@ -1,3 +1,3 @@
-import { t as Button } from "../button-BiSQpBbc.mjs";
+import { t as Button } from "../button-C2xZwsR7.mjs";
 
 export { Button };

package/dist/carousel/index.mjs

@@ -1,5 +1,5 @@
-import { t as __exportAll } from "../chunk-BTpB_u-K.mjs";
-import { t as Button } from "../button-BiSQpBbc.mjs";
+import { t as __exportAll } from "../chunk-Bo1DHCg-.mjs";
+import { t as Button } from "../button-C2xZwsR7.mjs";
 import { createContext, useCallback, useContext, useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import useEmblaCarousel from "embla-carousel-react";

package/dist/generic-error/index.d.mts

@@ -30,14 +30,17 @@ declare function getErrorDescriptor(error: unknown): ErrorDescriptor;
 * A reusable error boundary component for React Router apps.
 * - Displays status-based messages for route responses
 * - Shows stack traces in development for non-response errors
+* - SSR-safe: accepts optional error prop for server-side rendering
 *
 * For localization, apps may either:
-* - Wrap this component and use `getErrorDescriptor(useRouteError())` to map to i18n keys
+* - Wrap this component and use `getErrorDescriptor(error)` to map to i18n keys
 * - Or provide a custom `renderMessage` to override the displayed details
 */
 declare function GenericError({
+  error,
   renderMessage
-}?: {
+}: {
+  error: unknown;
   renderMessage?: (descriptor: ErrorDescriptor) => React.JSX.Element;
 }): React.JSX.Element;
 //#endregion

package/dist/generic-error/index.mjs

@@ -1,5 +1,5 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { isRouteErrorResponse, useRouteError } from "react-router";
+import { isRouteErrorResponse } from "react-router";
 
 //#region src/generic-error/generic-error.tsx
 /**
@@ -37,13 +37,14 @@ function getErrorDescriptor(error) {
 * A reusable error boundary component for React Router apps.
 * - Displays status-based messages for route responses
 * - Shows stack traces in development for non-response errors
+* - SSR-safe: accepts optional error prop for server-side rendering
 *
 * For localization, apps may either:
-* - Wrap this component and use `getErrorDescriptor(useRouteError())` to map to i18n keys
+* - Wrap this component and use `getErrorDescriptor(error)` to map to i18n keys
 * - Or provide a custom `renderMessage` to override the displayed details
 */
-function GenericError({ renderMessage } = {}) {
-	const descriptor = getErrorDescriptor(useRouteError());
+function GenericError({ error, renderMessage }) {
+	const descriptor = getErrorDescriptor(error);
 	return /* @__PURE__ */ jsxs("main", {
 		className: "pt-2xl p-sm container mx-auto",
 		children: [/* @__PURE__ */ jsx("h1", { children: descriptor.type === "http" ? `Error ${descriptor.status}` : "Error" }), renderMessage ? renderMessage(descriptor) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("p", { children: descriptor.type === "http" ? descriptor.defaultMessage : descriptor.type === "error" ? descriptor.message || descriptor.defaultMessage : descriptor.defaultMessage }), import.meta.env.DEV && descriptor.type === "error" && descriptor.stack && /* @__PURE__ */ jsx("pre", {

package/dist/grid/index.mjs

@@ -1,4 +1,4 @@
-import { t as __exportAll } from "../chunk-BTpB_u-K.mjs";
+import { t as __exportAll } from "../chunk-Bo1DHCg-.mjs";
 import { createContext, useContext } from "react";
 import { tv } from "@regardio/tailwind/utils";
 import { jsx } from "react/jsx-runtime";

package/dist/heading/index.mjs

@@ -1,4 +1,4 @@
-import { r as shy, t as lowerCaseSzett } from "../text-EQC4zJbE.mjs";
+import { r as shy, t as lowerCaseSzett } from "../text-AWrHS6tk.mjs";
 import { cn, tv } from "@regardio/tailwind/utils";
 import { jsx } from "react/jsx-runtime";
 

package/dist/hooks/use-user.d.mts

@@ -7,12 +7,12 @@ import { User } from "@supabase/supabase-js";
 */
 interface UserContextType {
   /**
-  	* The current authenticated user, or null if not authenticated
-  	*/
+  * The current authenticated user, or null if not authenticated
+  */
   user: User | null;
   /**
-  	* Whether the user data is currently loading
-  	*/
+  * Whether the user data is currently loading
+  */
   isLoading: boolean;
 }
 /**
@@ -24,16 +24,16 @@ declare const UserContext: React.Context<UserContextType>;
 */
 interface UserContextProviderProps {
   /**
-  	* The current authenticated user, or null if not authenticated
-  	*/
+  * The current authenticated user, or null if not authenticated
+  */
   user: User | null;
   /**
-  	* Whether the user data is currently loading
-  	*/
+  * Whether the user data is currently loading
+  */
   isLoading?: boolean;
   /**
-  	* Child components that will have access to the user context
-  	*/
+  * Child components that will have access to the user context
+  */
   children: ReactNode;
 }
 /**

package/dist/icon-button/index.d.mts

@@ -1,4 +1,4 @@
-import { t as Button } from "../index-C_evL5vG.mjs";
+import { t as Button } from "../index-D5qbAnHh.mjs";
 import { ComponentProps, ReactNode } from "react";
 
 //#region src/icon-button/icon-button.d.ts

package/dist/icon-button/index.mjs

@@ -1,4 +1,4 @@
-import { t as Button } from "../button-BiSQpBbc.mjs";
+import { t as Button } from "../button-C2xZwsR7.mjs";
 import { tv } from "@regardio/tailwind/utils";
 import { jsx } from "react/jsx-runtime";
 

package/dist/input/index.d.mts

@@ -1,2 +1,2 @@
-import { i as InputVariant, n as InputProps, r as InputSize, t as Input } from "../index-Bj5_XfEC.mjs";
+import { i as InputVariant, n as InputProps, r as InputSize, t as Input } from "../index-cdadznqR.mjs";
 export { Input, InputProps, InputSize, InputVariant };

package/dist/input/index.mjs

@@ -1,3 +1,3 @@
-import { t as Input } from "../input-CtR6aRVi.mjs";
+import { t as Input } from "../input-BjvjCsws.mjs";
 
 export { Input };

package/dist/link/index.mjs

@@ -1,4 +1,4 @@
-import { t as lowerCaseSzett } from "../text-EQC4zJbE.mjs";
+import { t as lowerCaseSzett } from "../text-AWrHS6tk.mjs";
 import { createContext, useCallback, useContext } from "react";
 import { tv } from "@regardio/tailwind/utils";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";

package/dist/list/index.d.mts

@@ -4,17 +4,17 @@ import { ComponentPropsWithoutRef, ReactNode } from "react";
 type ListItemElement = "li" | "dd" | "dt" | "div" | "span";
 type ListItemProps<T extends ListItemElement = "li"> = Omit<ComponentPropsWithoutRef<T>, "children"> & {
   /**
-  	* The element type to render.
-  	* Falls back to the defaultItemElement from ListRoot context, or 'li'.
-  	*/
+  * The element type to render.
+  * Falls back to the defaultItemElement from ListRoot context, or 'li'.
+  */
   render?: T;
   /**
-  	* The content of the list item.
-  	*/
+  * The content of the list item.
+  */
   children?: ReactNode;
   /**
-  	* Ref to the root element.
-  	*/
+  * Ref to the root element.
+  */
   ref?: React.Ref<HTMLElement>;
 };
 declare const ListItem: <T extends ListItemElement = "li">(props: ListItemProps<T>) => React.JSX.Element;
@@ -25,13 +25,13 @@ declare namespace ListItem {
 //#region src/list/list-root-context.d.ts
 interface ListRootContextValue {
   /**
-  	* Default element type for list items.
-  	* @default 'li'
-  	*/
+  * Default element type for list items.
+  * @default 'li'
+  */
   defaultItemElement: "li" | "dd" | "dt" | "div" | "span";
   /**
-  	* Default className to apply to all list items.
-  	*/
+  * Default className to apply to all list items.
+  */
   defaultItemClassName?: string;
 }
 //#endregion
@@ -39,26 +39,26 @@ interface ListRootContextValue {
 type ListRootElement = "ul" | "ol" | "dl" | "div" | "menu" | "nav";
 type ListRootProps<T extends ListRootElement = "ul"> = Omit<ComponentPropsWithoutRef<T>, "children"> & {
   /**
-  	* The element type to render.
-  	* @default 'ul'
-  	*/
+  * The element type to render.
+  * @default 'ul'
+  */
   render?: T;
   /**
-  	* The content of the list.
-  	*/
+  * The content of the list.
+  */
   children?: ReactNode;
   /**
-  	* Default element type for list items.
-  	* When render is 'dl', defaults to 'dd'. Otherwise defaults to 'li'.
-  	*/
+  * Default element type for list items.
+  * When render is 'dl', defaults to 'dd'. Otherwise defaults to 'li'.
+  */
   defaultItemElement?: ListRootContextValue["defaultItemElement"];
   /**
-  	* Default className to apply to all list items.
-  	*/
+  * Default className to apply to all list items.
+  */
   defaultItemClassName?: string;
   /**
-  	* Ref to the root element.
-  	*/
+  * Ref to the root element.
+  */
   ref?: React.Ref<HTMLElement>;
 };
 declare const ListRoot: <T extends ListRootElement = "ul">(props: ListRootProps<T>) => React.JSX.Element;

package/dist/list/index.mjs

@@ -1,4 +1,4 @@
-import { t as __exportAll } from "../chunk-BTpB_u-K.mjs";
+import { t as __exportAll } from "../chunk-Bo1DHCg-.mjs";
 import { createContext, useContext, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 

package/dist/markdown-container/index.mjs

@@ -1,4 +1,4 @@
-import { n as replaceSpecialChars } from "../text-EQC4zJbE.mjs";
+import { n as replaceSpecialChars } from "../text-AWrHS6tk.mjs";
 import { cn } from "@regardio/tailwind/utils";
 import { jsx } from "react/jsx-runtime";
 import { MDXProvider } from "@mdx-js/react";

package/dist/password-input/index.d.mts

@@ -1,4 +1,4 @@
-import { t as Input } from "../index-Bj5_XfEC.mjs";
+import { t as Input } from "../index-cdadznqR.mjs";
 
 //#region src/password-input/password-input.d.ts
 declare const passwordInputVariants: {

package/dist/password-input/index.mjs

@@ -1,5 +1,5 @@
-import { t as Button } from "../button-BiSQpBbc.mjs";
-import { t as Input } from "../input-CtR6aRVi.mjs";
+import { t as Button } from "../button-C2xZwsR7.mjs";
+import { t as Input } from "../input-BjvjCsws.mjs";
 import { useState } from "react";
 import { tv } from "@regardio/tailwind/utils";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/picture/index.mjs

@@ -1,3 +1,3 @@
-import { n as screenSizeVariants, t as Picture } from "../picture-DkX3W5zl.mjs";
+import { n as screenSizeVariants, t as Picture } from "../picture-Cd1Znyh0.mjs";
 
 export { Picture, screenSizeVariants };

package/dist/utils/text/index.mjs

@@ -1,3 +1,3 @@
-import { i as wrapSentences, n as replaceSpecialChars, r as shy, t as lowerCaseSzett } from "../../text-EQC4zJbE.mjs";
+import { i as wrapSentences, n as replaceSpecialChars, r as shy, t as lowerCaseSzett } from "../../text-AWrHS6tk.mjs";
 
 export { lowerCaseSzett, replaceSpecialChars, shy, wrapSentences };

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://www.schemastore.org/package.json",
   "name": "@regardio/react",
-  "version": "0.7.0",
+  "version": "0.7.4",
   "private": false,
   "description": "Regardio React UI components",
   "keywords": [
@@ -215,57 +215,56 @@
     "version": "flow-changeset version"
   },
   "dependencies": {
-    "@base-ui/react": "1.0.0",
-    "@maptiler/leaflet-maptilersdk": "4.1.1",
-    "@maptiler/sdk": "3.10.0",
+    "@base-ui/react": "1.1.0",
+    "@maptiler/sdk": "3.10.2",
     "@mdx-js/react": "3.1.1",
-    "@regardio/js": "0.7.0",
-    "@regardio/tailwind": "0.3.0",
-    "@supabase/supabase-js": "2.90.1",
+    "@regardio/js": "0.7.1",
+    "@regardio/tailwind": "0.3.1",
+    "@supabase/supabase-js": "2.93.1",
     "cmdk": "1.1.1",
     "embla-carousel": "8.6.0",
     "embla-carousel-react": "8.6.0",
     "input-otp": "1.4.2",
     "intl-parse-accept-language": "1.0.0",
     "leaflet": "alpha",
-    "lucide-react": "0.562.0",
-    "markdown-to-jsx": "9.5.7",
-    "react": "19.2.3",
+    "lucide-react": "0.563.0",
+    "markdown-to-jsx": "9.6.1",
+    "react": "19.2.4",
     "react-day-picker": "9.13.0",
-    "react-dom": "19.2.3",
+    "react-dom": "19.2.4",
     "react-hook-form": "7.71.1",
-    "react-resizable-panels": "4.4.1",
-    "react-router": "7.12.0",
+    "react-resizable-panels": "4.5.2",
+    "react-router": "7.13.0",
     "tailwind-variants": "3.2.2",
     "vaul": "1.1.2",
-    "zod": "4.3.5"
+    "zod": "4.3.6"
   },
   "devDependencies": {
-    "@regardio/dev": "1.12.0",
-    "@storybook/addon-a11y": "10.1.11",
-    "@storybook/addon-docs": "10.1.11",
-    "@storybook/addon-vitest": "10.1.11",
-    "@storybook/react-vite": "10.1.11",
+    "@regardio/dev": "1.13.1",
+    "@storybook/addon-a11y": "10.2.0",
+    "@storybook/addon-docs": "10.2.0",
+    "@storybook/addon-vitest": "10.2.0",
+    "@storybook/react-vite": "10.2.0",
     "@tailwindcss/vite": "4.1.18",
     "@testing-library/jest-dom": "6.9.1",
-    "@testing-library/react": "16.3.1",
+    "@testing-library/react": "16.3.2",
     "@total-typescript/ts-reset": "0.6.1",
     "@types/leaflet": "1.9.21",
-    "@types/node": "25.0.8",
-    "@types/react": "19.2.8",
+    "@types/node": "25.0.10",
+    "@types/react": "19.2.9",
     "@types/react-dom": "19.2.3",
     "@vitejs/plugin-react": "5.1.2",
-    "@vitest/browser-playwright": "4.0.17",
-    "@vitest/coverage-v8": "4.0.17",
-    "@vitest/ui": "4.0.17",
+    "@vitest/browser-playwright": "4.0.18",
+    "@vitest/coverage-v8": "4.0.18",
+    "@vitest/ui": "4.0.18",
     "jsdom": "27.4.0",
-    "playwright": "1.57.0",
-    "storybook": "10.1.11",
+    "playwright": "1.58.0",
+    "storybook": "10.2.0",
     "tailwindcss": "4.1.18",
-    "tsdown": "0.20.0-beta.3",
+    "tsdown": "0.20.1",
     "typescript": "5.9.3",
     "vite": "7.3.1",
-    "vitest": "4.0.17"
+    "vitest": "4.0.18"
   },
   "engines": {
     "node": ">=18"

package/src/generic-error/generic-error.stories.tsx

@@ -1,5 +1,4 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { createMemoryRouter, RouterProvider } from 'react-router';
 import { GenericError, getErrorDescriptor } from './generic-error';
 
 const meta: Meta<typeof GenericError> = {
@@ -15,21 +14,9 @@ export default meta;
 type Story = StoryObj<typeof GenericError>;
 
 const ErrorWrapper = ({ status }: { status: number }) => {
-  const router = createMemoryRouter(
-    [
-      {
-        element: <GenericError />,
-        errorElement: <GenericError />,
-        loader: () => {
-          throw new Response('Not Found', { status, statusText: 'Not Found' });
-        },
-        path: '/',
-      },
-    ],
-    { initialEntries: ['/'] },
-  );
-
-  return <RouterProvider router={router} />;
+  const error = new Response('Not Found', { status, statusText: 'Not Found' });
+
+  return <GenericError error={error} />;
 };
 
 export const Error404: Story = {

package/src/generic-error/generic-error.tsx

@@ -1,6 +1,4 @@
-'use client';
-
-import { isRouteErrorResponse, useRouteError } from 'react-router';
+import { isRouteErrorResponse } from 'react-router';
 
 /**
  * Descriptor returned from getErrorDescriptor to help apps localize messages.
@@ -64,17 +62,19 @@ export function getErrorDescriptor(error: unknown): ErrorDescriptor {
  * A reusable error boundary component for React Router apps.
  * - Displays status-based messages for route responses
  * - Shows stack traces in development for non-response errors
+ * - SSR-safe: accepts optional error prop for server-side rendering
  *
  * For localization, apps may either:
- * - Wrap this component and use `getErrorDescriptor(useRouteError())` to map to i18n keys
+ * - Wrap this component and use `getErrorDescriptor(error)` to map to i18n keys
  * - Or provide a custom `renderMessage` to override the displayed details
  */
 export function GenericError({
+  error,
   renderMessage,
 }: {
+  error: unknown;
   renderMessage?: (descriptor: ErrorDescriptor) => React.JSX.Element;
-} = {}): React.JSX.Element {
-  const error = useRouteError();
+}): React.JSX.Element {
   const descriptor = getErrorDescriptor(error);
 
   const title = descriptor.type === 'http' ? `Error ${descriptor.status}` : 'Error';