@deftui/react 0.0.3 → 0.0.5

package/dist/vendor/shadcn/drawer.mjs

@@ -2,7 +2,7 @@
 import { cn } from "cn";
 import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Drawer as DrawerPrimitive } from "@base-ui/react/drawer";
+import { Drawer } from "@base-ui/react/drawer";
 // src/vendor/shadcn/drawer.tsx
 const DrawerContext = React$1.createContext(null);
 function useDrawer() {
@@ -10,7 +10,7 @@ function useDrawer() {
 	if (!context) throw new Error("useDrawer must be used within a Drawer.");
 	return context;
 }
-function Drawer({ modal = true, showSwipeHandle = false, snapPoints, swipeDirection = "down", ...props }) {
+function Drawer$1({ modal = true, showSwipeHandle = false, snapPoints, swipeDirection = "down", ...props }) {
 	const hasSnapPoints = snapPoints != null && snapPoints.length > 0;
 	const contextValue = React$1.useMemo(() => ({
 		hasSnapPoints,
@@ -25,7 +25,7 @@ function Drawer({ modal = true, showSwipeHandle = false, snapPoints, swipeDirect
 	]);
 	return /* @__PURE__ */ jsx(DrawerContext.Provider, {
 		value: contextValue,
-		children: /* @__PURE__ */ jsx(DrawerPrimitive.Root, {
+		children: /* @__PURE__ */ jsx(Drawer.Root, {
 			"data-slot": "drawer",
 			modal,
 			snapPoints,
@@ -35,25 +35,25 @@ function Drawer({ modal = true, showSwipeHandle = false, snapPoints, swipeDirect
 	});
 }
 function DrawerTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(DrawerPrimitive.Trigger, {
+	return /* @__PURE__ */ jsx(Drawer.Trigger, {
 		"data-slot": "drawer-trigger",
 		...props
 	});
 }
 function DrawerPortal({ ...props }) {
-	return /* @__PURE__ */ jsx(DrawerPrimitive.Portal, {
+	return /* @__PURE__ */ jsx(Drawer.Portal, {
 		"data-slot": "drawer-portal",
 		...props
 	});
 }
 function DrawerClose({ ...props }) {
-	return /* @__PURE__ */ jsx(DrawerPrimitive.Close, {
+	return /* @__PURE__ */ jsx(Drawer.Close, {
 		"data-slot": "drawer-close",
 		...props
 	});
 }
 function DrawerOverlay({ className, ...props }) {
-	return /* @__PURE__ */ jsx(DrawerPrimitive.Backdrop, {
+	return /* @__PURE__ */ jsx(Drawer.Backdrop, {
 		"data-slot": "drawer-overlay",
 		className: cn("fixed inset-0 z-50 min-h-dvh bg-black/10 opacity-[max(var(--drawer-overlay-min-opacity,0),calc(1-var(--drawer-swipe-progress)))] transition-opacity duration-450 ease-[cubic-bezier(0.32,0.72,0,1)] select-none data-ending-style:pointer-events-none data-ending-style:opacity-0 data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-snap-points:[--drawer-overlay-min-opacity:0.5] data-starting-style:opacity-0 data-swiping:duration-0 supports-backdrop-filter:backdrop-blur-xs supports-[-webkit-touch-callout:none]:absolute", className),
 		...props
@@ -72,17 +72,17 @@ function DrawerContent({ className, children, ...props }) {
 	const swipeAxis = swipeDirection === "down" || swipeDirection === "up" ? "y" : "x";
 	return /* @__PURE__ */ jsxs(DrawerPortal, {
 		"data-slot": "drawer-portal",
-		children: [modal === true && /* @__PURE__ */ jsx(DrawerOverlay, { "data-snap-points": hasSnapPoints ? "" : void 0 }), /* @__PURE__ */ jsx(DrawerPrimitive.Viewport, {
+		children: [modal === true && /* @__PURE__ */ jsx(DrawerOverlay, { "data-snap-points": hasSnapPoints ? "" : void 0 }), /* @__PURE__ */ jsx(Drawer.Viewport, {
 			"data-slot": "drawer-viewport",
 			"data-modal": modal,
 			className: "pointer-events-none fixed inset-0 z-50 select-none data-[modal=true]:pointer-events-auto",
-			children: /* @__PURE__ */ jsxs(DrawerPrimitive.Popup, {
+			children: /* @__PURE__ */ jsxs(Drawer.Popup, {
 				"data-slot": "drawer-popup",
 				"data-swipe-axis": swipeAxis,
 				"data-snap-points": hasSnapPoints ? "" : void 0,
 				className: cn("group/drawer-popup pointer-events-auto fixed z-50 m-(--drawer-inset,0px) flex h-(--drawer-content-height) max-h-(--drawer-content-max-height,none) min-h-0 w-(--drawer-content-width,auto) transform-[translate3d(var(--translate-x,0px),var(--translate-y,0px),0)_scale(var(--stack-scale))] flex-col bg-popover text-sm text-popover-foreground transition-[transform,height,opacity,filter] duration-450 ease-[cubic-bezier(0.22,1,0.36,1)] will-change-transform outline-none select-none [interpolate-size:allow-keywords] data-[swipe-direction=down]:rounded-t-xl data-[swipe-direction=down]:border-t data-[swipe-direction=left]:rounded-r-xl data-[swipe-direction=left]:border-r data-[swipe-direction=right]:rounded-l-xl data-[swipe-direction=right]:border-l data-[swipe-direction=up]:rounded-b-xl data-[swipe-direction=up]:border-b", "data-nested-drawer-open:overflow-hidden data-nested-drawer-open:brightness-95", "after:pointer-events-none after:absolute after:bg-(--drawer-bleed-background,var(--color-popover)) data-[swipe-axis=x]:after:inset-y-0 data-[swipe-axis=x]:after:w-(--bleed) data-[swipe-axis=y]:after:inset-x-0 data-[swipe-axis=y]:after:h-(--bleed) data-[swipe-direction=down]:after:top-full data-[swipe-direction=left]:after:right-full data-[swipe-direction=right]:after:left-full data-[swipe-direction=up]:after:bottom-full", "[--drawer-content-height:var(--drawer-height,auto)] data-[swipe-axis=x]:[--drawer-content-width:75%] data-[swipe-axis=y]:[--drawer-content-max-height:calc(100dvh-6rem)] data-[swipe-axis=y]:data-snap-points:[--drawer-content-height:100dvh] data-[swipe-axis=x]:sm:[--drawer-content-width:24rem]", "[--bleed:3rem] [--peek:1rem] [--stack-height:var(--drawer-frontmost-height,var(--drawer-height,0px))] [--stack-peek-offset:max(0px,calc((var(--nested-drawers)-var(--stack-progress))*var(--peek)))] [--stack-progress:clamp(0,var(--drawer-swipe-progress),1)] [--stack-scale-base:max(0,calc(1-(var(--nested-drawers)*var(--stack-step))))] [--stack-scale:clamp(0,calc(var(--stack-scale-base)+(var(--stack-step)*var(--stack-progress))),1)] [--stack-shrink:calc(1-var(--stack-scale))] [--stack-step:0.05]", "data-ending-style:transform-(--closed-transform) data-ending-style:opacity-[0.9999] data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-nested-drawer-swiping:duration-0 data-ending-style:data-nested-drawer-swiping:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-starting-style:transform-(--closed-transform) data-swiping:duration-0 data-ending-style:data-swiping:duration-[calc(var(--drawer-swipe-strength)*400ms)]", "data-[swipe-axis=y]:inset-x-0 data-[swipe-axis=y]:data-nested-drawer-open:h-(--stack-height)", "data-[swipe-axis=x]:inset-y-0 data-[swipe-axis=x]:flex-row", "data-[swipe-direction=down]:bottom-0 data-[swipe-direction=down]:origin-bottom data-[swipe-direction=down]:[--closed-transform:translate3d(0,calc(100%+var(--drawer-inset,0px)+2px),0)] data-[swipe-direction=down]:[--translate-y:calc(var(--drawer-snap-point-offset,0px)+var(--drawer-swipe-movement-y)-var(--stack-peek-offset)-(var(--stack-shrink)*var(--stack-height)))]", "data-[swipe-direction=up]:top-0 data-[swipe-direction=up]:origin-top data-[swipe-direction=up]:[--closed-transform:translate3d(0,calc(-100%-var(--drawer-inset,0px)-2px),0)] data-[swipe-direction=up]:[--translate-y:calc(var(--drawer-snap-point-offset,0px)+var(--drawer-swipe-movement-y)+var(--stack-peek-offset)+(var(--stack-shrink)*var(--stack-height)))]", "data-[swipe-direction=left]:left-0 data-[swipe-direction=left]:origin-left data-[swipe-direction=left]:[--closed-transform:translate3d(calc(-100%-var(--drawer-inset,0px)-2px),0,0)] data-[swipe-direction=left]:[--translate-x:calc(var(--drawer-swipe-movement-x)+var(--stack-peek-offset)+(var(--stack-shrink)*100%))]", "data-[swipe-direction=right]:right-0 data-[swipe-direction=right]:origin-right data-[swipe-direction=right]:[--closed-transform:translate3d(calc(100%+var(--drawer-inset,0px)+2px),0,0)] data-[swipe-direction=right]:[--translate-x:calc(var(--drawer-swipe-movement-x)-var(--stack-peek-offset)-(var(--stack-shrink)*100%))]", className),
 				...props,
-				children: [showSwipeHandle && /* @__PURE__ */ jsx(DrawerSwipeHandle, {}), /* @__PURE__ */ jsx(DrawerPrimitive.Content, {
+				children: [showSwipeHandle && /* @__PURE__ */ jsx(DrawerSwipeHandle, {}), /* @__PURE__ */ jsx(Drawer.Content, {
 					"data-slot": "drawer-content",
 					className: cn("flex min-h-0 flex-1 flex-col overflow-hidden overscroll-contain rounded-[inherit] transition-opacity duration-300 ease-[cubic-bezier(0.45,1.005,0,1.005)] select-text group-data-nested-drawer-open/drawer-popup:opacity-0 group-data-nested-drawer-swiping/drawer-popup:opacity-100 group-data-swiping/drawer-popup:select-none"),
 					children
@@ -106,17 +106,20 @@ function DrawerFooter({ className, ...props }) {
 	});
 }
 function DrawerTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx(DrawerPrimitive.Title, {
+	return /* @__PURE__ */ jsx(Drawer.Title, {
 		"data-slot": "drawer-title",
 		className: cn("font-medium text-foreground", className),
 		...props
 	});
 }
 function DrawerDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx(DrawerPrimitive.Description, {
+	return /* @__PURE__ */ jsx(Drawer.Description, {
 		"data-slot": "drawer-description",
 		className: cn("text-sm text-balance text-muted-foreground", className),
 		...props
 	});
 }
-export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerPrimitive, DrawerSwipeHandle, DrawerTitle, DrawerTrigger };
+function createDrawerHandle() {
+	return Drawer.createHandle();
+}
+export { Drawer$1 as Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerSwipeHandle, DrawerTitle, DrawerTrigger, createDrawerHandle };

package/dist/vendor/shadcn/field.mjs

@@ -1,6 +1,5 @@
 "use client";
 import { Label } from "./label.mjs";
-import "./separator.mjs";
 import { cn } from "cn";
 import { cva } from "class-variance-authority";
 import { useMemo } from "react";

package/dist/vendor/shadcn/input.mjs

@@ -7,7 +7,7 @@ function Input$1({ className, type, ...props }) {
 	return /* @__PURE__ */ jsx(Input, {
 		type,
 		"data-slot": "input",
-		className: cn("h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-2.5 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
+		className: cn("h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-2.5 py-1 text-base shadow-xs transition-[color,box-shadow,background-color] duration-[150ms,150ms,5000000s] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground autofill:inset-shadow-[0_0_0_1000px] autofill:inset-shadow-foreground/4 autofill:[-webkit-text-fill-color:var(--foreground)] placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:autofill:inset-shadow-foreground/8 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
 		...props
 	});
 }

package/dist/vendor/shadcn/sidebar.mjs

@@ -5,7 +5,6 @@ import { Input } from "./input.mjs";
 import { Separator } from "./separator.mjs";
 import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip.mjs";
 import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from "./sheet.mjs";
-import "./skeleton.mjs";
 import { cn } from "cn";
 import { cva } from "class-variance-authority";
 import { mergeProps } from "@base-ui/react/merge-props";

package/dist/vendor/shadcn/skeleton.mjs

@@ -1,3 +1,11 @@
-import "cn";
-import "react/jsx-runtime";
-export {};
+import { cn } from "cn";
+import { jsx } from "react/jsx-runtime";
+// src/vendor/shadcn/skeleton.tsx
+function Skeleton({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "skeleton",
+		className: cn("animate-pulse rounded-md bg-muted", className),
+		...props
+	});
+}
+export { Skeleton };

package/dist/vendor/tailored/lightbox.d.mts

@@ -0,0 +1,187 @@
+import { Button } from "../shadcn/button.mjs";
+import * as React$1 from "react";
+import { Dialog } from "@base-ui/react/dialog";
+import { useRender } from "@base-ui/react/use-render";
+type LightboxOverlay = "blur" | "brightness";
+type LightboxDirection = "ltr" | "rtl";
+type LightboxChangeReason = "trigger-press" | "previous-press" | "next-press" | "thumbnail-press" | "swipe" | "keyboard" | "programmatic" | "items-change";
+type LightboxImageItem = {
+  id?: string;
+  type: "image";
+  src: string;
+  alt: string;
+  width?: number;
+  height?: number;
+  srcSet?: string;
+  sizes?: string;
+  thumbnail?: React$1.ReactNode;
+  thumbnailSrc?: string;
+  caption?: React$1.ReactNode;
+  className?: string;
+  download?: boolean | {
+    src?: string;
+    filename?: string;
+  };
+  zoomable?: boolean;
+};
+type LightboxVideoItem = {
+  id?: string;
+  type: "video";
+  src: string;
+  label: string;
+  thumbnail?: React$1.ReactNode;
+  poster?: string;
+  width?: number;
+  height?: number;
+  sources?: React$1.SourceHTMLAttributes<HTMLSourceElement>[];
+  tracks?: React$1.TrackHTMLAttributes<HTMLTrackElement>[];
+  videoProps?: Omit<React$1.VideoHTMLAttributes<HTMLVideoElement>, "children" | "className" | "height" | "poster" | "src" | "width">;
+  caption?: React$1.ReactNode;
+  className?: string;
+  download?: boolean | {
+    src?: string;
+    filename?: string;
+  };
+  zoomable?: boolean;
+};
+type LightboxItem = LightboxImageItem | LightboxVideoItem;
+type LightboxImageChangeEventDetails = {
+  reason: LightboxChangeReason;
+  event?: Event;
+  previousIndex: number;
+};
+type LightboxOpenEventDetails = {
+  reason: Dialog.Root.ChangeEventReason;
+  event?: Event;
+  index: number;
+  item?: LightboxItem;
+};
+type LightboxControlContext = {
+  item?: LightboxItem;
+  index: number;
+  event: React$1.MouseEvent<HTMLElement>;
+  actions: LightboxActions;
+};
+type LightboxControl = {
+  id: string;
+  icon: React$1.ReactNode;
+  label: string;
+  disabled?: boolean;
+  onClick: (context: LightboxControlContext) => void;
+};
+type LightboxActions = {
+  open: (index?: number) => void;
+  close: () => void;
+  goTo: (index: number) => void;
+  next: () => void;
+  previous: () => void;
+  zoomIn: () => void;
+  zoomOut: () => void;
+  resetZoom: () => void;
+};
+type LightboxProps = {
+  children?: React$1.ReactNode;
+  items?: LightboxItem[];
+  open?: boolean;
+  defaultOpen?: boolean;
+  onOpenChange?: Dialog.Root.Props["onOpenChange"];
+  onOpenChangeComplete?: Dialog.Root.Props["onOpenChangeComplete"];
+  onOpen?: (details: LightboxOpenEventDetails) => void;
+  onClose?: (details: LightboxOpenEventDetails) => void;
+  index?: number;
+  defaultIndex?: number;
+  onChangeImage?: (index: number, item: LightboxItem, details: LightboxImageChangeEventDetails) => void;
+  overlay?: "blur" | "brightness";
+  loop?: boolean;
+  noCounter?: boolean;
+  noCarousel?: boolean;
+  noControls?: boolean;
+  loading?: "lazy" | "eager";
+  preload?: number;
+  maxZoom?: number;
+  controls?: LightboxControl[];
+  dir?: "ltr" | "rtl";
+  className?: string;
+  actionsRef?: React$1.Ref<LightboxActions>;
+} & Omit<Dialog.Root.Props, "children" | "modal" | "onOpenChange" | "onOpenChangeComplete" | "open" | "defaultOpen" | "actionsRef">;
+type TransformState = {
+  scale: number;
+  panX: number;
+  panY: number;
+  swipeX: number;
+  dismissY: number;
+  dragging: boolean;
+};
+type RegisteredSource = {
+  element: HTMLElement;
+  morph: boolean;
+};
+type LightboxContextValue = {
+  activeIndex: number;
+  activeItem?: LightboxItem;
+  actions: LightboxActions;
+  armPostGestureActivationRepair: (event: Event) => void;
+  animateZoom: (target: Pick<TransformState, "scale" | "panX" | "panY">) => void;
+  changeIndex: (index: number, reason: LightboxChangeReason, event?: Event) => void;
+  closeWithDetails: (details: Dialog.Root.ChangeEventDetails) => void;
+  controls: LightboxControl[];
+  direction: LightboxDirection;
+  getSource: (index: number) => RegisteredSource | undefined;
+  items: LightboxItem[];
+  loadedAssets: ReadonlySet<string>;
+  loading: "lazy" | "eager";
+  loop: boolean;
+  markAssetLoaded: (key: string) => void;
+  maxZoom: number;
+  noCarousel: boolean;
+  noControls: boolean;
+  noCounter: boolean;
+  open: boolean;
+  overlay: LightboxOverlay;
+  preload: number;
+  registerMedia: (element: HTMLElement | null) => void;
+  registerSource: (index: number, source: RegisteredSource | null) => void;
+  requestOpen: (index: number, source?: RegisteredSource, event?: Event) => void;
+  setTransform: React$1.Dispatch<React$1.SetStateAction<TransformState>>;
+  shouldReduceMotion: boolean;
+  stopZoomAnimation: () => void;
+  transform: TransformState;
+};
+declare function useLightbox(): LightboxContextValue;
+declare function Lightbox({ children, items: itemsProp, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, onOpen, onClose, index: indexProp, defaultIndex, onChangeImage, overlay, loop, noCounter, noCarousel, noControls, loading, preload, maxZoom, controls, dir, className, actionsRef, ...rootProps }: LightboxProps): React$1.JSX.Element;
+type LightboxTriggerProps = {
+  index?: number;
+  morph?: boolean;
+} & Dialog.Trigger.Props;
+declare function LightboxTrigger({ index, morph, onClick, ref, ...props }: LightboxTriggerProps): React$1.JSX.Element;
+declare function LightboxBackdrop({ className, style, ...props }: Dialog.Backdrop.Props): React$1.JSX.Element;
+declare function LightboxViewport({ className, ...props }: Dialog.Viewport.Props): React$1.JSX.Element;
+type LightboxContentProps = {} & Dialog.Popup.Props;
+declare function LightboxContent({ className, children, initialFocus, onKeyDown, style, ...props }: LightboxContentProps): React$1.JSX.Element;
+type LightboxZoomProps = {
+  active?: boolean;
+} & useRender.ComponentProps<"div">;
+declare function LightboxZoom({ active, className, render, style, ref, ...props }: LightboxZoomProps): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
+type LightboxSlideProps = {
+  index: number;
+  active?: boolean;
+} & React$1.ComponentProps<"div">;
+declare function LightboxSlide({ index, active, className, style, ...props }: LightboxSlideProps): React$1.JSX.Element | null;
+declare function LightboxSlides({ className, onClick, onKeyDown, onPointerDown, onPointerMove, onPointerUp, onPointerCancel, onWheel, onDoubleClick, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function LightboxToolbar({ className, children, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function LightboxCounter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function LightboxCaptions({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element | null;
+type LightboxActionButtonProps = Omit<React$1.ComponentProps<typeof Button>, "color" | "size" | "variant">;
+type LightboxThumbnailProps = {
+  index: number;
+  onClick?: React$1.MouseEventHandler<HTMLButtonElement>;
+} & Omit<LightboxActionButtonProps, "onClick">;
+declare function LightboxThumbnail({ index, className, onClick, ...props }: LightboxThumbnailProps): React$1.JSX.Element | null;
+declare function LightboxThumbnails({ className, children, onKeyDown, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function LightboxPrevious({ className, disabled: disabledProp, onClick, style, ...props }: LightboxActionButtonProps): React$1.JSX.Element | null;
+declare function LightboxNext({ className, disabled: disabledProp, onClick, style, ...props }: LightboxActionButtonProps): React$1.JSX.Element | null;
+declare function LightboxZoomButton({ className, disabled, onClick, ...props }: LightboxActionButtonProps): React$1.JSX.Element | null;
+declare function LightboxDownload({ className, disabled, onClick, ...props }: Omit<LightboxActionButtonProps, "render">): React$1.JSX.Element | null;
+declare function LightboxMore({ className, ...props }: LightboxActionButtonProps): React$1.JSX.Element | null;
+declare function LightboxClose({ className, children, ...props }: Dialog.Close.Props): React$1.JSX.Element;
+export { Lightbox, type LightboxActions, LightboxBackdrop, LightboxCaptions, type LightboxChangeReason, LightboxClose, LightboxContent, type LightboxControl, type LightboxControlContext, LightboxCounter, LightboxDownload, type LightboxImageChangeEventDetails, type LightboxImageItem, type LightboxItem, LightboxMore, LightboxNext, type LightboxOpenEventDetails, LightboxPrevious, type LightboxProps, LightboxSlide, LightboxSlides, LightboxThumbnail, LightboxThumbnails, LightboxToolbar, LightboxTrigger, type LightboxTriggerProps, type LightboxVideoItem, LightboxViewport, LightboxZoom, LightboxZoomButton, useLightbox };