@classytic/fluid 0.4.1 → 0.5.0

package/dist/client/error.d.mts

@@ -1,7 +1,47 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentType, ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { FallbackProps } from "react-error-boundary";
 
+//#region src/components/async-boundary.d.ts
+interface AsyncBoundaryProps {
+  /** Suspense fallback (shown while loading) */
+  fallback?: ReactNode;
+  /** Error fallback component (shown on error) */
+  errorFallback?: ComponentType<FallbackProps>;
+  /** Called when an error is caught */
+  onError?: (error: unknown, info: {
+    componentStack?: string | null;
+  }) => void;
+  /** Called when the error boundary resets */
+  onReset?: () => void;
+  children: ReactNode;
+}
+/**
+ * AsyncBoundary — Suspense + ErrorBoundary combined.
+ *
+ * If `errorFallback` is provided, wraps in ErrorBoundary from react-error-boundary.
+ * Otherwise, renders Suspense only.
+ *
+ * @example
+ * ```tsx
+ * import { AsyncBoundary, InlineErrorFallback } from "@classytic/fluid/client";
+ *
+ * <AsyncBoundary
+ *   fallback={<SkeletonTable rows={5} />}
+ *   errorFallback={InlineErrorFallback}
+ * >
+ *   <DataFetchingComponent />
+ * </AsyncBoundary>
+ * ```
+ */
+declare function AsyncBoundary({
+  fallback,
+  errorFallback: ErrorFallback,
+  onError,
+  onReset,
+  children
+}: AsyncBoundaryProps): react_jsx_runtime0.JSX.Element;
+//#endregion
 //#region src/components/error-boundary.d.ts
 interface ErrorBoundaryFallbackProps extends FallbackProps {}
 interface ErrorBoundaryProps {
@@ -82,44 +122,4 @@ declare function FeatureErrorBoundary({
   className
 }: FeatureErrorBoundaryProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-//#region src/components/async-boundary.d.ts
-interface AsyncBoundaryProps {
-  /** Suspense fallback (shown while loading) */
-  fallback?: ReactNode;
-  /** Error fallback component (shown on error) */
-  errorFallback?: ComponentType<FallbackProps>;
-  /** Called when an error is caught */
-  onError?: (error: unknown, info: {
-    componentStack?: string | null;
-  }) => void;
-  /** Called when the error boundary resets */
-  onReset?: () => void;
-  children: ReactNode;
-}
-/**
- * AsyncBoundary — Suspense + ErrorBoundary combined.
- *
- * If `errorFallback` is provided, wraps in ErrorBoundary from react-error-boundary.
- * Otherwise, renders Suspense only.
- *
- * @example
- * ```tsx
- * import { AsyncBoundary, InlineErrorFallback } from "@classytic/fluid/client";
- *
- * <AsyncBoundary
- *   fallback={<SkeletonTable rows={5} />}
- *   errorFallback={InlineErrorFallback}
- * >
- *   <DataFetchingComponent />
- * </AsyncBoundary>
- * ```
- */
-declare function AsyncBoundary({
-  fallback,
-  errorFallback: ErrorFallback,
-  onError,
-  onReset,
-  children
-}: AsyncBoundaryProps): react_jsx_runtime0.JSX.Element;
-//#endregion
 export { AsyncBoundary, type AsyncBoundaryProps, ErrorBoundary, type ErrorBoundaryFallbackProps, type ErrorBoundaryProps, FeatureErrorBoundary, type FeatureErrorBoundaryProps, FullPageErrorFallback, InlineErrorFallback };

package/dist/client/error.mjs

@@ -1,12 +1,46 @@
 "use client";
 
 import { t as cn } from "../utils-DQ5SCVoW.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { Suspense } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertCircle, Home, RefreshCw } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { ErrorBoundary as ErrorBoundary$1 } from "react-error-boundary";
 
+//#region src/components/async-boundary.tsx
+/**
+* AsyncBoundary — Suspense + ErrorBoundary combined.
+*
+* If `errorFallback` is provided, wraps in ErrorBoundary from react-error-boundary.
+* Otherwise, renders Suspense only.
+*
+* @example
+* ```tsx
+* import { AsyncBoundary, InlineErrorFallback } from "@classytic/fluid/client";
+*
+* <AsyncBoundary
+*   fallback={<SkeletonTable rows={5} />}
+*   errorFallback={InlineErrorFallback}
+* >
+*   <DataFetchingComponent />
+* </AsyncBoundary>
+* ```
+*/
+function AsyncBoundary({ fallback, errorFallback: ErrorFallback, onError, onReset, children }) {
+	const suspenseWrapped = /* @__PURE__ */ jsx(Suspense, {
+		fallback: fallback ?? null,
+		children
+	});
+	if (!ErrorFallback) return suspenseWrapped;
+	return /* @__PURE__ */ jsx(ErrorBoundary$1, {
+		FallbackComponent: ErrorFallback,
+		onError,
+		onReset,
+		children: suspenseWrapped
+	});
+}
+
+//#endregion
 //#region src/components/error-boundary.tsx
 /**
 * Full-page error fallback with retry and go-home buttons.
@@ -128,39 +162,5 @@ function FeatureErrorBoundary({ featureName = "Feature", onError, onReset, child
 	});
 }
 
-//#endregion
-//#region src/components/async-boundary.tsx
-/**
-* AsyncBoundary — Suspense + ErrorBoundary combined.
-*
-* If `errorFallback` is provided, wraps in ErrorBoundary from react-error-boundary.
-* Otherwise, renders Suspense only.
-*
-* @example
-* ```tsx
-* import { AsyncBoundary, InlineErrorFallback } from "@classytic/fluid/client";
-*
-* <AsyncBoundary
-*   fallback={<SkeletonTable rows={5} />}
-*   errorFallback={InlineErrorFallback}
-* >
-*   <DataFetchingComponent />
-* </AsyncBoundary>
-* ```
-*/
-function AsyncBoundary({ fallback, errorFallback: ErrorFallback, onError, onReset, children }) {
-	const suspenseWrapped = /* @__PURE__ */ jsx(Suspense, {
-		fallback: fallback ?? null,
-		children
-	});
-	if (!ErrorFallback) return suspenseWrapped;
-	return /* @__PURE__ */ jsx(ErrorBoundary$1, {
-		FallbackComponent: ErrorFallback,
-		onError,
-		onReset,
-		children: suspenseWrapped
-	});
-}
-
 //#endregion
 export { AsyncBoundary, ErrorBoundary, FeatureErrorBoundary, FullPageErrorFallback, InlineErrorFallback };

package/dist/client/gallery.d.mts

@@ -0,0 +1,175 @@
+import { ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/gallery/gallery-dots.d.ts
+interface GalleryDotsProps {
+  /** Show on desktop (default: false — dots are usually mobile-only) */
+  showOnDesktop?: boolean;
+  className?: string;
+}
+declare function GalleryDots({
+  showOnDesktop,
+  className
+}: GalleryDotsProps): react_jsx_runtime0.JSX.Element | null;
+//#endregion
+//#region src/components/gallery/gallery-lightbox.d.ts
+interface GalleryLightboxProps {
+  className?: string;
+}
+declare function GalleryLightbox({
+  className
+}: GalleryLightboxProps): react_jsx_runtime0.JSX.Element | null;
+//#endregion
+//#region src/components/gallery/types.d.ts
+interface GalleryImage {
+  src: string;
+  thumbnail?: string;
+  alt?: string;
+}
+interface GalleryBadge {
+  label: string;
+  className?: string;
+}
+interface GalleryClassNames {
+  root?: string;
+  main?: string;
+  mainImage?: string;
+  slider?: string;
+  thumbnails?: string;
+  thumbnail?: string;
+  thumbnailActive?: string;
+  dots?: string;
+  dot?: string;
+  dotActive?: string;
+  nav?: string;
+  navPrev?: string;
+  navNext?: string;
+  badges?: string;
+  badge?: string;
+  lightbox?: string;
+  lightboxImage?: string;
+  lightboxHeader?: string;
+  lightboxFooter?: string;
+}
+interface GalleryContextValue {
+  images: GalleryImage[];
+  selectedIndex: number;
+  setSelectedIndex: (index: number) => void;
+  lightboxOpen: boolean;
+  setLightboxOpen: (open: boolean) => void;
+  goToNext: () => void;
+  goToPrevious: () => void;
+  classNames?: GalleryClassNames;
+  title?: string;
+}
+//#endregion
+//#region src/components/gallery/gallery-main.d.ts
+interface GalleryMainProps {
+  children?: ReactNode;
+  badges?: GalleryBadge[];
+  showNav?: boolean;
+  aspectRatio?: string;
+  className?: string;
+}
+declare function GalleryMain({
+  children,
+  badges,
+  showNav,
+  aspectRatio,
+  className
+}: GalleryMainProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/gallery/gallery-nav.d.ts
+interface GalleryNavProps {
+  /** Which direction this button navigates */
+  direction: "prev" | "next";
+  className?: string;
+  children?: React.ReactNode;
+}
+declare function GalleryNav({
+  direction,
+  className,
+  children
+}: GalleryNavProps): react_jsx_runtime0.JSX.Element | null;
+//#endregion
+//#region src/components/gallery/gallery-thumbnails.d.ts
+interface GalleryThumbnailsProps {
+  /** Show on mobile (default: true) */
+  showOnMobile?: boolean;
+  /** Layout orientation (default: "horizontal") */
+  orientation?: "horizontal" | "vertical";
+  /** Thumbnail size class (default: "w-16 h-20 sm:w-20 sm:h-24") */
+  sizeClassName?: string;
+  className?: string;
+}
+declare function GalleryThumbnails({
+  showOnMobile,
+  orientation,
+  sizeClassName,
+  className
+}: GalleryThumbnailsProps): react_jsx_runtime0.JSX.Element | null;
+//#endregion
+//#region src/components/gallery/index.d.ts
+interface ImageGalleryRootProps {
+  children: ReactNode;
+  images: GalleryImage[];
+  defaultIndex?: number;
+  classNames?: GalleryClassNames;
+  title?: string;
+  onIndexChange?: (index: number) => void;
+  className?: string;
+}
+declare function ImageGalleryRoot({
+  children,
+  images,
+  defaultIndex,
+  classNames,
+  title,
+  onIndexChange,
+  className
+}: ImageGalleryRootProps): react_jsx_runtime0.JSX.Element;
+interface ImageGalleryProps {
+  images: GalleryImage[];
+  title?: string;
+  badges?: GalleryBadge[];
+  /** Default selected index */
+  defaultIndex?: number;
+  /** Show thumbnails on mobile (default: true). If false, shows dots */
+  showMobileThumbnails?: boolean;
+  /** Main image aspect ratio */
+  aspectRatio?: string;
+  /** Show navigation arrows */
+  showNav?: boolean;
+  /** Custom class names for styling */
+  classNames?: GalleryClassNames;
+  /** Callback when index changes */
+  onIndexChange?: (index: number) => void;
+  /** Root className */
+  className?: string;
+}
+declare function ImageGallerySimple({
+  images,
+  title,
+  badges,
+  defaultIndex,
+  showMobileThumbnails,
+  aspectRatio,
+  showNav,
+  classNames,
+  onIndexChange,
+  className
+}: ImageGalleryProps): react_jsx_runtime0.JSX.Element;
+declare const ImageGallery: typeof ImageGallerySimple & {
+  Root: typeof ImageGalleryRoot;
+  Main: typeof GalleryMain;
+  Thumbnails: typeof GalleryThumbnails;
+  Dots: typeof GalleryDots;
+  Nav: typeof GalleryNav;
+  Lightbox: typeof GalleryLightbox;
+};
+//#endregion
+//#region src/components/gallery/gallery-context.d.ts
+declare function useGallery(): GalleryContextValue;
+declare function useGalleryOptional(): GalleryContextValue | null;
+//#endregion
+export { type GalleryBadge, type GalleryClassNames, type GalleryImage, ImageGallery, type ImageGalleryProps, useGallery, useGalleryOptional };