@px-ui/ui 0.1.0

package/dist/assets/fonts.css

@@ -0,0 +1,39 @@
+@font-face {
+  font-family: "Ubuntu L";
+  src: url("./Ubuntu-Light.ttf");
+}
+
+@font-face {
+  font-family: "Ubuntu R";
+  src: url("./Ubuntu-Regular.ttf");
+}
+
+@font-face {
+  font-family: "Ubuntu B";
+  src: url("./Ubuntu-Bold.ttf");
+}
+
+@font-face {
+  font-family: "Lato L";
+  src: url("./Lato-Light.ttf");
+}
+
+@font-face {
+  font-family: "Lato R";
+  src: url("./Lato-Regular.ttf");
+}
+
+@font-face {
+  font-family: "Lato B";
+  src: url("./Lato-Bold.ttf");
+}
+
+@font-face {
+  font-family: "Lato SB";
+  src: url("./Lato-SemiBold.ttf");
+}
+
+@font-face {
+  font-family: "Cedarville Cursive";
+  src: url("./CedarvilleCursive-Regular.ttf");
+}

package/dist/index.css

@@ -0,0 +1,133 @@
+@import "tailwindcss" prefix(ppx);
+@import "tw-animate-css";
+@import "shadcn/tailwind.css";
+
+@custom-variant dark (&:is(.dark *));
+@source "../**/*.{js,jsx,ts,tsx}";
+
+@theme inline {
+    --font-heading: var(--font-sans);
+    --color-sidebar-ring: var(--sidebar-ring);
+    --color-sidebar-border: var(--sidebar-border);
+    --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+    --color-sidebar-accent: var(--sidebar-accent);
+    --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+    --color-sidebar-primary: var(--sidebar-primary);
+    --color-sidebar-foreground: var(--sidebar-foreground);
+    --color-sidebar: var(--sidebar);
+    --color-chart-5: var(--chart-5);
+    --color-chart-4: var(--chart-4);
+    --color-chart-3: var(--chart-3);
+    --color-chart-2: var(--chart-2);
+    --color-chart-1: var(--chart-1);
+    --color-ring: var(--ring);
+    --color-input: var(--input);
+    --color-border: var(--border);
+    --color-destructive: var(--destructive);
+    --color-accent-foreground: var(--accent-foreground);
+    --color-accent: var(--accent);
+    --color-muted-foreground: var(--muted-foreground);
+    --color-muted: var(--muted);
+    --color-secondary-foreground: var(--secondary-foreground);
+    --color-secondary: var(--secondary);
+    --color-primary-foreground: var(--primary-foreground);
+    --color-primary: var(--primary);
+    --color-popover-foreground: var(--popover-foreground);
+    --color-popover: var(--popover);
+    --color-card-foreground: var(--card-foreground);
+    --color-card: var(--card);
+    --color-foreground: var(--foreground);
+    --color-background: var(--background);
+    --radius-sm: calc(var(--radius) * 0.6);
+    --radius-md: calc(var(--radius) * 0.8);
+    --radius-lg: var(--radius);
+    --radius-xl: calc(var(--radius) * 1.4);
+    --radius-2xl: calc(var(--radius) * 1.8);
+    --radius-3xl: calc(var(--radius) * 2.2);
+    --radius-4xl: calc(var(--radius) * 2.6);
+    --font-sans-light: "Lato L", system-ui, sans-serif;
+    --font-sans: "Lato R", system-ui, sans-serif;
+    --font-sans-sb: "Lato SB", system-ui, sans-serif;
+    --font-sans-b: "Lato B", system-ui, sans-serif;
+}
+
+:root {
+    --background: oklch(1 0 0);
+    --foreground: oklch(0.141 0.005 285.823);
+    --card: oklch(1 0 0);
+    --card-foreground: oklch(0.141 0.005 285.823);
+    --popover: oklch(1 0 0);
+    --popover-foreground: oklch(0.141 0.005 285.823);
+    --primary: oklch(0.527 0.154 150.069);
+    --primary-foreground: oklch(0.982 0.018 155.826);
+    --secondary: oklch(0.967 0.001 286.375);
+    --secondary-foreground: oklch(0.21 0.006 285.885);
+    --muted: oklch(0.967 0.001 286.375);
+    --muted-foreground: oklch(0.552 0.016 285.938);
+    --accent: oklch(0.527 0.154 150.069);
+    --accent-foreground: oklch(0.982 0.018 155.826);
+    --destructive: oklch(0.577 0.245 27.325);
+    --border: oklch(0.92 0.004 286.32);
+    --input: oklch(0.92 0.004 286.32);
+    --ring: oklch(0.705 0.015 286.067);
+    --chart-1: oklch(0.871 0.006 286.286);
+    --chart-2: oklch(0.552 0.016 285.938);
+    --chart-3: oklch(0.442 0.017 285.786);
+    --chart-4: oklch(0.37 0.013 285.805);
+    --chart-5: oklch(0.274 0.006 286.033);
+    --radius: 0.625rem;
+    --sidebar: oklch(0.985 0 0);
+    --sidebar-foreground: oklch(0.141 0.005 285.823);
+    --sidebar-primary: oklch(0.627 0.194 149.214);
+    --sidebar-primary-foreground: oklch(0.982 0.018 155.826);
+    --sidebar-accent: oklch(0.967 0.001 286.375);
+    --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
+    --sidebar-border: oklch(0.92 0.004 286.32);
+    --sidebar-ring: oklch(0.705 0.015 286.067);
+}
+
+.dark {
+    --background: oklch(0.141 0.005 285.823);
+    --foreground: oklch(0.985 0 0);
+    --card: oklch(0.21 0.006 285.885);
+    --card-foreground: oklch(0.985 0 0);
+    --popover: oklch(0.21 0.006 285.885);
+    --popover-foreground: oklch(0.985 0 0);
+    --primary: oklch(0.448 0.119 151.328);
+    --primary-foreground: oklch(0.982 0.018 155.826);
+    --secondary: oklch(0.274 0.006 286.033);
+    --secondary-foreground: oklch(0.985 0 0);
+    --muted: oklch(0.274 0.006 286.033);
+    --muted-foreground: oklch(0.705 0.015 286.067);
+    --accent: oklch(0.448 0.119 151.328);
+    --accent-foreground: oklch(0.982 0.018 155.826);
+    --destructive: oklch(0.704 0.191 22.216);
+    --border: oklch(1 0 0 / 10%);
+    --input: oklch(1 0 0 / 15%);
+    --ring: oklch(0.552 0.016 285.938);
+    --chart-1: oklch(0.871 0.006 286.286);
+    --chart-2: oklch(0.552 0.016 285.938);
+    --chart-3: oklch(0.442 0.017 285.786);
+    --chart-4: oklch(0.37 0.013 285.805);
+    --chart-5: oklch(0.274 0.006 286.033);
+    --sidebar: oklch(0.21 0.006 285.885);
+    --sidebar-foreground: oklch(0.985 0 0);
+    --sidebar-primary: oklch(0.723 0.219 149.579);
+    --sidebar-primary-foreground: oklch(0.982 0.018 155.826);
+    --sidebar-accent: oklch(0.274 0.006 286.033);
+    --sidebar-accent-foreground: oklch(0.985 0 0);
+    --sidebar-border: oklch(1 0 0 / 10%);
+    --sidebar-ring: oklch(0.552 0.016 285.938);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+    }
+  body {
+    @apply bg-background text-foreground;
+    }
+  button:not(:disabled), [role="button"]:not(:disabled) {
+    cursor: pointer;
+    }
+}

package/dist/index.d.ts

@@ -0,0 +1,229 @@
+import { Button as Button$1 } from "@base-ui/react/button";
+import { VariantProps } from "class-variance-authority";
+import { ClassValue } from "clsx";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ChangeEvent, DragEvent, InputHTMLAttributes } from "react";
+import * as _tanstack_react_query0 from "@tanstack/react-query";
+import { QueryKey } from "@tanstack/react-query";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/button.d.ts
+declare const buttonVariants: (props?: ({
+  variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | null | undefined;
+  size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+declare function Button({
+  className,
+  variant,
+  size,
+  ...props
+}: Button$1.Props & VariantProps<typeof buttonVariants>): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/lib/utils.d.ts
+declare function cn(...inputs: ClassValue[]): string;
+//#endregion
+//#region src/providers/px-ui-provider.d.ts
+declare function PXUIProvider(props: React.PropsWithChildren): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/hooks/use-debounce.d.ts
+declare function useDebounce<T>(callback: () => void, delay: number, deps: React.DependencyList): void;
+//#endregion
+//#region src/hooks/use-intersection-observer.d.ts
+interface UseIntersectionObserverOptions {
+  threshold?: number | number[];
+  root?: Element | Document | null;
+  rootMargin?: string;
+}
+type UseIntersectionObserverReturn = [(node: Element | null) => void, IntersectionObserverEntry | null];
+declare function useIntersectionObserver(options?: UseIntersectionObserverOptions): UseIntersectionObserverReturn;
+//#endregion
+//#region src/hooks/use-infinite-scroll.d.ts
+type UseInfiniteScrollHookArgs = Pick<UseIntersectionObserverOptions, "rootMargin" | "threshold"> & {
+  isLoadingMore: boolean;
+  hasMore: boolean;
+  onLoadMore: () => unknown;
+  disabled?: boolean;
+};
+declare function useInfiniteScroll({
+  isLoadingMore,
+  hasMore,
+  onLoadMore,
+  rootMargin,
+  disabled,
+  threshold
+}: UseInfiniteScrollHookArgs): readonly [(node: Element | null) => void];
+//#endregion
+//#region src/hooks/use-async-options.d.ts
+type LoadOptionsData<TData$1> = {
+  options: TData$1[];
+  hasMore: boolean;
+};
+type LoadOptionsReturn<TData$1> = {
+  data: LoadOptionsData<TData$1>;
+  error: any;
+};
+type LoadOptionsFn<TData$1> = (params: {
+  search: string;
+  page: number;
+  signal: AbortSignal;
+}) => Promise<LoadOptionsReturn<TData$1>>;
+declare function useAsyncOptions<TData$1 = any>(params: {
+  cacheKey: QueryKey;
+  loader: LoadOptionsFn<TData$1>;
+}, {
+  isOpen,
+  inputValue
+}: {
+  isOpen: boolean;
+  inputValue: string;
+}): {
+  items: TData$1[] | undefined;
+  isLoading: boolean;
+  isLoadingMore: boolean;
+  hasMore: boolean;
+  isError: boolean;
+  onLoadMore: () => void;
+  _query: _tanstack_react_query0.UseInfiniteQueryResult<_tanstack_react_query0.InfiniteData<LoadOptionsData<TData$1>, unknown>, Error>;
+};
+type LoadOptionsConfig<TData$1> = {
+  cacheKey: QueryKey;
+  loader: LoadOptionsFn<TData$1>;
+};
+declare function defineLoadOptions<TData$1 = any>(loadOptions: LoadOptionsConfig<TData$1>): LoadOptionsConfig<TData$1>;
+type InferOption<T> = T extends LoadOptionsConfig<infer TData> ? TData : never;
+type InferOptions<T> = T extends LoadOptionsConfig<infer TData> ? TData[] : never;
+//#endregion
+//#region src/hooks/use-file-upload.d.ts
+type FileMetadata = {
+  name: string;
+  size: number;
+  type: string;
+  url: string;
+  id: string;
+};
+type UploadStatus = "idle" | "uploading" | "complete" | "error";
+type FileUploadItem = {
+  file: File | FileMetadata;
+  id: string;
+  preview?: string;
+  progress: number;
+  status: UploadStatus;
+  error?: string;
+  uploadedUrl?: string;
+};
+type PresignedUrlResponse = {
+  /** The S3 bucket URL to POST to */
+  url: string;
+  /** The full accessible path after upload (may include signed query params) */
+  full_path: string;
+  /** The S3 object key (e.g., "uuid/filename.pdf") */
+  key?: string;
+  /** Access control level */
+  acl?: string;
+  /** Expected response status from S3 */
+  success_action_status?: string;
+  /** Content-Type for the upload */
+  "Content-Type"?: string;
+  /** Base64-encoded policy document */
+  policy?: string;
+  /** AWS credential string */
+  "x-amz-credential"?: string;
+  /** AWS signing algorithm */
+  "x-amz-algorithm"?: string;
+  /** AWS request date */
+  "x-amz-date"?: string;
+  /** AWS request signature */
+  "x-amz-signature"?: string;
+  /** Additional fields */
+  [key: string]: unknown;
+};
+type UploadConfig = {
+  /**
+   * Function to get a presigned URL for uploading
+   */
+  getPresignedUrl: (params: {
+    filename: string;
+    contentType: string;
+    size: number;
+    signal?: AbortSignal;
+  }) => Promise<{
+    result?: PresignedUrlResponse | null;
+    error?: unknown;
+  }>;
+  /**
+   * Function to upload the file to the storage
+   */
+  uploadFile: (url: string, file: File, presignedData: PresignedUrlResponse, onProgress?: (progress: number) => void, signal?: AbortSignal) => Promise<{
+    result?: {
+      url: string;
+      [key: string]: unknown;
+    };
+    error?: unknown;
+  }>;
+  /**
+   * Whether to auto-upload files when they are added
+   * @default true
+   */
+  autoUpload?: boolean;
+  /**
+   * Called when a single file upload completes
+   */
+  onUploadComplete?: (file: FileUploadItem) => void;
+  /**
+   * Called when a single file upload fails
+   */
+  onUploadError?: (file: FileUploadItem, error: unknown) => void;
+  /**
+   * Called when all files finish uploading
+   */
+  onAllUploadsComplete?: (files: FileUploadItem[]) => void;
+};
+type UseFileUploadOptions = {
+  maxFiles?: number;
+  maxSize?: number;
+  minSize?: number;
+  accept?: string;
+  multiple?: boolean;
+  initialFiles?: FileMetadata[];
+  onFilesChange?: (files: FileUploadItem[]) => void;
+  onFileAdd?: (addedFile: FileUploadItem) => void;
+  onFileRemove?: (removedFile: FileUploadItem) => void;
+  upload?: UploadConfig;
+};
+type UseFileUploadReturn = {
+  files: FileUploadItem[];
+  isDragging: boolean;
+  isUploading: boolean;
+  errors: string[];
+  addFiles: (files: FileList | File[]) => void;
+  removeFile: (id: string) => void;
+  clearFiles: () => void;
+  clearErrors: () => void;
+  reset: (newFiles?: FileMetadata[]) => void;
+  setFiles: (files: FileUploadItem[] | ((prev: FileUploadItem[]) => FileUploadItem[])) => void;
+  instanceKey: number;
+  uploadFiles: (files?: FileUploadItem[]) => Promise<FileUploadItem[]>;
+  retryUpload: (id: string) => Promise<void>;
+  cancelUpload: (id: string) => void;
+  handleDragEnter: (e: DragEvent<HTMLElement>) => void;
+  handleDragLeave: (e: DragEvent<HTMLElement>) => void;
+  handleDragOver: (e: DragEvent<HTMLElement>) => void;
+  handleDrop: (e: DragEvent<HTMLElement>) => void;
+  handleFileChange: (e: ChangeEvent<HTMLInputElement>) => void;
+  openFileDialog: () => void;
+  getInputProps: (props?: InputHTMLAttributes<HTMLInputElement>) => InputHTMLAttributes<HTMLInputElement> & {
+    ref: any;
+  };
+};
+declare const formatBytes: (bytes: number, decimals?: number) => string;
+declare const useFileUpload: (options?: UseFileUploadOptions) => UseFileUploadReturn;
+type FileWithPreview = FileUploadItem;
+type FileWithUploadStatus = FileUploadItem;
+type FileUploadOptions = UseFileUploadOptions;
+type FileUploadWithUploaderOptions = UseFileUploadOptions;
+//#endregion
+//#region src/hooks/use-mobile.d.ts
+declare function useIsMobile(): boolean;
+//#endregion
+export { Button, FileMetadata, FileUploadItem, FileUploadOptions, FileUploadWithUploaderOptions, FileWithPreview, FileWithUploadStatus, InferOption, InferOptions, LoadOptionsConfig, PXUIProvider, PresignedUrlResponse, UploadConfig, UploadStatus, UseFileUploadOptions, UseFileUploadReturn, UseIntersectionObserverOptions, UseIntersectionObserverReturn, buttonVariants, cn, defineLoadOptions, formatBytes, useAsyncOptions, useDebounce, useFileUpload, useInfiniteScroll, useIntersectionObserver, useIsMobile };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/components/button.tsx","../src/lib/utils.ts","../src/providers/px-ui-provider.tsx","../src/hooks/use-debounce.ts","../src/hooks/use-intersection-observer.ts","../src/hooks/use-infinite-scroll.ts","../src/hooks/use-async-options.ts","../src/hooks/use-file-upload.ts","../src/hooks/use-mobile.ts"],"sourcesContent":[],"mappings":"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"}

package/dist/index.js

@@ -0,0 +1,603 @@
+import { Button as Button$1 } from "@base-ui/react/button";
+import { cva } from "class-variance-authority";
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+import { jsx } from "react/jsx-runtime";
+import * as React$1 from "react";
+import React, { createContext, useCallback, useEffect, useEffectEvent, useRef, useState } from "react";
+import { useInfiniteQuery } from "@tanstack/react-query";
+
+//#region src/lib/utils.ts
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+
+//#endregion
+//#region src/components/button.tsx
+const buttonVariants = cva("ppx:group/button ppx:inline-flex ppx:shrink-0 ppx:items-center ppx:justify-center ppx:rounded-md ppx:border ppx:border-transparent ppx:bg-clip-padding ppx:text-sm ppx:font-medium ppx:whitespace-nowrap ppx:transition-all ppx:outline-none ppx:select-none ppx:focus-visible:border-ring ppx:focus-visible:ring-3 ppx:focus-visible:ring-ring/50 ppx:active:not-aria-[haspopup]:translate-y-px ppx:disabled:pointer-events-none ppx:disabled:opacity-50 ppx:aria-invalid:border-destructive ppx:aria-invalid:ring-3 ppx:aria-invalid:ring-destructive/20 ppx:dark:aria-invalid:border-destructive/50 ppx:dark:aria-invalid:ring-destructive/40 ppx:[&_svg]:pointer-events-none ppx:[&_svg]:shrink-0 ppx:[&_svg:not([class*=size-])]:size-4", {
+	variants: {
+		variant: {
+			default: "ppx:bg-primary ppx:text-primary-foreground ppx:hover:bg-primary/80",
+			outline: "ppx:border-border ppx:bg-background ppx:shadow-xs ppx:hover:bg-muted ppx:hover:text-foreground ppx:aria-expanded:bg-muted ppx:aria-expanded:text-foreground ppx:dark:border-input ppx:dark:bg-input/30 ppx:dark:hover:bg-input/50",
+			secondary: "ppx:bg-secondary ppx:text-secondary-foreground ppx:hover:bg-secondary/80 ppx:aria-expanded:bg-secondary ppx:aria-expanded:text-secondary-foreground",
+			ghost: "ppx:hover:bg-muted ppx:hover:text-foreground ppx:aria-expanded:bg-muted ppx:aria-expanded:text-foreground ppx:dark:hover:bg-muted/50",
+			destructive: "ppx:bg-destructive/10 ppx:text-destructive ppx:hover:bg-destructive/20 ppx:focus-visible:border-destructive/40 ppx:focus-visible:ring-destructive/20 ppx:dark:bg-destructive/20 ppx:dark:hover:bg-destructive/30 ppx:dark:focus-visible:ring-destructive/40",
+			link: "ppx:text-primary ppx:underline-offset-4 ppx:hover:underline"
+		},
+		size: {
+			default: "ppx:h-9 ppx:gap-1.5 ppx:px-2.5 ppx:in-data-[slot=button-group]:rounded-md ppx:has-data-[icon=inline-end]:pe-2 ppx:has-data-[icon=inline-start]:ps-2",
+			xs: "ppx:h-6 ppx:gap-1 ppx:rounded-[min(var(--radius-md),8px)] ppx:px-2 ppx:text-xs ppx:in-data-[slot=button-group]:rounded-md ppx:has-data-[icon=inline-end]:pe-1.5 ppx:has-data-[icon=inline-start]:ps-1.5 ppx:[&_svg:not([class*=size-])]:size-3",
+			sm: "ppx:h-8 ppx:gap-1 ppx:rounded-[min(var(--radius-md),10px)] ppx:px-2.5 ppx:in-data-[slot=button-group]:rounded-md ppx:has-data-[icon=inline-end]:pe-1.5 ppx:has-data-[icon=inline-start]:ps-1.5",
+			lg: "ppx:h-10 ppx:gap-1.5 ppx:px-2.5 ppx:has-data-[icon=inline-end]:pe-2 ppx:has-data-[icon=inline-start]:ps-2",
+			icon: "ppx:size-9",
+			"icon-xs": "ppx:size-6 ppx:rounded-[min(var(--radius-md),8px)] ppx:in-data-[slot=button-group]:rounded-md ppx:[&_svg:not([class*=size-])]:size-3",
+			"icon-sm": "ppx:size-8 ppx:rounded-[min(var(--radius-md),10px)] ppx:in-data-[slot=button-group]:rounded-md",
+			"icon-lg": "ppx:size-10"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function Button({ className, variant = "default", size = "default", ...props }) {
+	return /* @__PURE__ */ jsx(Button$1, {
+		"data-slot": "button",
+		className: cn(buttonVariants({
+			variant,
+			size,
+			className
+		})),
+		...props
+	});
+}
+
+//#endregion
+//#region src/providers/px-ui-provider.tsx
+const PXUIContext = createContext(null);
+function PXUIProvider(props) {
+	return /* @__PURE__ */ jsx(PXUIContext.Provider, {
+		value: null,
+		children: props.children
+	});
+}
+
+//#endregion
+//#region src/hooks/use-debounce.ts
+function useDebounce(callback, delay, deps) {
+	const timeout = useRef(null);
+	const cb = useEffectEvent(callback);
+	useEffect(() => {
+		if (timeout.current) clearTimeout(timeout.current);
+		timeout.current = setTimeout(() => {
+			cb();
+			timeout.current = null;
+		}, delay);
+		return () => {
+			if (timeout.current) {
+				clearTimeout(timeout.current);
+				timeout.current = null;
+			}
+		};
+	}, [...deps, delay]);
+}
+
+//#endregion
+//#region src/hooks/use-intersection-observer.ts
+function useIntersectionObserver(options = {}) {
+	const { threshold = 1, root = null, rootMargin = "0px" } = options;
+	const [entry, setEntry] = React.useState(null);
+	const previousObserver = React.useRef(null);
+	return [React.useCallback((node) => {
+		if (previousObserver.current) {
+			previousObserver.current.disconnect();
+			previousObserver.current = null;
+		}
+		if (node?.nodeType === Node.ELEMENT_NODE) {
+			const observer = new IntersectionObserver(([entry$1]) => {
+				setEntry(entry$1 ?? null);
+			}, {
+				threshold,
+				root,
+				rootMargin
+			});
+			observer.observe(node);
+			previousObserver.current = observer;
+		}
+	}, [
+		threshold,
+		root,
+		rootMargin
+	]), entry];
+}
+
+//#endregion
+//#region src/hooks/use-infinite-scroll.ts
+const DEFAULT_DELAY_IN_MS = 100;
+function useInfiniteScroll({ isLoadingMore, hasMore, onLoadMore, rootMargin, disabled, threshold = 0 }) {
+	const [ref, entry] = useIntersectionObserver({
+		rootMargin,
+		threshold
+	});
+	const isVisible = Boolean(entry?.isIntersecting);
+	const onLoadMoreEvent = useEffectEvent(() => {
+		onLoadMore();
+	});
+	useEffect(() => {
+		if (disabled) return;
+		if (isVisible && hasMore && !isLoadingMore && !disabled) {
+			const timer = setTimeout(() => {
+				onLoadMoreEvent();
+			}, DEFAULT_DELAY_IN_MS);
+			return () => {
+				clearTimeout(timer);
+			};
+		}
+	}, [
+		isVisible,
+		isLoadingMore,
+		hasMore,
+		disabled
+	]);
+	return [ref];
+}
+var use_infinite_scroll_default = useInfiniteScroll;
+
+//#endregion
+//#region src/hooks/use-async-options.ts
+function useAsyncOptions(params, { isOpen, inputValue }) {
+	const isFetchedAfterMount = useRef(false);
+	const query = useInfiniteQuery({
+		queryKey: [...params.cacheKey, inputValue],
+		queryFn: async ({ pageParam, signal }) => {
+			const { error, data } = await params.loader({
+				search: inputValue,
+				page: pageParam,
+				signal
+			});
+			if (error) throw new Error(error);
+			return data;
+		},
+		enabled: isOpen,
+		initialPageParam: 1,
+		staleTime: () => isFetchedAfterMount.current ? Infinity : 0,
+		getNextPageParam: (lastPage, allPages) => lastPage.hasMore ? allPages.length + 1 : void 0,
+		retry: false
+	});
+	if (query.isFetchedAfterMount && !isFetchedAfterMount.current) isFetchedAfterMount.current = true;
+	const items = query.data?.pages.flatMap((page) => page.options);
+	const handleLoadMore = () => {
+		query.fetchNextPage();
+	};
+	return {
+		items,
+		isLoading: query.isLoading,
+		isLoadingMore: query.isFetchingNextPage,
+		hasMore: query.hasNextPage,
+		isError: query.isError,
+		onLoadMore: handleLoadMore,
+		_query: query
+	};
+}
+function defineLoadOptions(loadOptions) {
+	return loadOptions;
+}
+
+//#endregion
+//#region src/hooks/use-file-upload.ts
+const formatBytes = (bytes, decimals = 2) => {
+	if (bytes === 0) return "0 Bytes";
+	const k = 1024;
+	const dm = decimals < 0 ? 0 : decimals;
+	const sizes = [
+		"Bytes",
+		"KB",
+		"MB",
+		"GB",
+		"TB",
+		"PB",
+		"EB",
+		"ZB",
+		"YB"
+	];
+	const i = Math.floor(Math.log(bytes) / Math.log(k));
+	return Number.parseFloat((bytes / k ** i).toFixed(dm)) + sizes[i];
+};
+/**
+* Extract error message from various error formats, including S3 XML errors
+*/
+function extractErrorMessage(error) {
+	if (typeof error === "string") return error;
+	if (error instanceof Error) {
+		const xmlMatch = error.message.match(/<Message>(.*?)<\/Message>/);
+		if (xmlMatch) return xmlMatch[1];
+		return error.message;
+	}
+	if (error && typeof error === "object") {
+		if ("responseText" in error && typeof error.responseText === "string") {
+			const xmlMatch = error.responseText.match(/<Message>(.*?)<\/Message>/);
+			if (xmlMatch) return xmlMatch[1];
+		}
+		if ("body" in error && typeof error.body === "string") {
+			const xmlMatch = error.body.match(/<Message>(.*?)<\/Message>/);
+			if (xmlMatch) return xmlMatch[1];
+		}
+		if ("message" in error && typeof error.message === "string") return error.message;
+		if ("error" in error) return extractErrorMessage(error.error);
+	}
+	return "Upload failed";
+}
+const useFileUpload = (options = {}) => {
+	const { upload, ...baseOptions } = options;
+	const autoUpload = upload?.autoUpload ?? true;
+	const [files, setFilesState] = useState((baseOptions.initialFiles ?? []).map((file) => ({
+		file,
+		id: file.id,
+		preview: file.url,
+		progress: 100,
+		status: "complete",
+		uploadedUrl: file.url
+	})));
+	const [isUploading, setIsUploading] = useState(false);
+	const [isDragging, setIsDragging] = useState(false);
+	const [errors, setErrors] = useState([]);
+	const [instanceKey, setInstanceKey] = useState(0);
+	const inputRef = useRef(null);
+	const abortControllersRef = useRef(/* @__PURE__ */ new Map());
+	const cancelAllUploads = useCallback(() => {
+		for (const controller of abortControllersRef.current.values()) controller.abort();
+		abortControllersRef.current.clear();
+	}, []);
+	const { maxFiles = Number.POSITIVE_INFINITY, maxSize = Number.POSITIVE_INFINITY, minSize = 4 * 1024, accept = "*", multiple = false, onFilesChange, onFileAdd, onFileRemove } = baseOptions;
+	const validateFile = useCallback((file) => {
+		if (file.size > maxSize) return `File "${file.name}" exceeds the maximum size of ${formatBytes(maxSize)}.`;
+		if (file.size < minSize) return `File "${file.name}" is below the minimum size of ${formatBytes(minSize)}.`;
+		if (accept !== "*") {
+			const acceptedTypes = accept.split(",").map((type) => type.trim());
+			const fileType = file.type || "";
+			const fileExtension = `.${file.name.split(".").pop()}`;
+			if (!acceptedTypes.some((type) => {
+				if (type.startsWith(".")) return fileExtension.toLowerCase() === type.toLowerCase();
+				if (type.endsWith("/*")) {
+					const baseType = type.split("/")[0];
+					return fileType.startsWith(`${baseType}/`);
+				}
+				return fileType === type;
+			})) return `File "${file.name}" is not an accepted file type.`;
+		}
+		return null;
+	}, [
+		accept,
+		maxSize,
+		minSize
+	]);
+	const createPreview = useCallback((file) => {
+		if (file.type.startsWith("image/")) return URL.createObjectURL(file);
+	}, []);
+	const generateUniqueId = useCallback((file) => {
+		return `${file.name}-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
+	}, []);
+	const uploadSingleFile = useCallback(async (fileWithStatus) => {
+		if (!upload) return {
+			...fileWithStatus,
+			status: "error",
+			error: "No upload config provided"
+		};
+		const file = fileWithStatus.file;
+		if (!(file instanceof File)) return {
+			...fileWithStatus,
+			status: "complete",
+			progress: 100
+		};
+		const abortController = new AbortController();
+		abortControllersRef.current.set(fileWithStatus.id, abortController);
+		try {
+			setFilesState((prev) => prev.map((f) => f.id === fileWithStatus.id ? {
+				...f,
+				status: "uploading",
+				progress: 0
+			} : f));
+			const { result: presignedResult, error: presignedError } = await upload.getPresignedUrl({
+				filename: file.name,
+				contentType: file.type,
+				size: file.size,
+				signal: abortController.signal
+			});
+			if (presignedError || !presignedResult) throw presignedError || /* @__PURE__ */ new Error("Failed to get presigned URL");
+			setFilesState((prev) => prev.map((f) => f.id === fileWithStatus.id ? {
+				...f,
+				progress: 10
+			} : f));
+			const { result: uploadResult, error: uploadError } = await upload.uploadFile(presignedResult.url, file, presignedResult, (progress) => {
+				const scaledProgress = Math.min(10 + progress * .89, 99);
+				setFilesState((prev) => prev.map((f) => f.id === fileWithStatus.id ? {
+					...f,
+					progress: Math.round(scaledProgress)
+				} : f));
+			}, abortController.signal);
+			if (uploadError) throw uploadError;
+			if (!uploadResult?.url) throw new Error("Upload failed, no URL was returned");
+			setFilesState((prev) => prev.map((f) => f.id === fileWithStatus.id ? {
+				...f,
+				progress: 100
+			} : f));
+			await new Promise((resolve) => setTimeout(resolve, 150));
+			const uploadedFile = {
+				...fileWithStatus,
+				status: "complete",
+				progress: 100,
+				uploadedUrl: uploadResult.url
+			};
+			setFilesState((prev) => prev.map((f) => f.id === fileWithStatus.id ? uploadedFile : f));
+			upload.onUploadComplete?.(uploadedFile);
+			return uploadedFile;
+		} catch (error) {
+			if (error instanceof Error && (error.name === "AbortError" || abortController.signal.aborted)) return {
+				...fileWithStatus,
+				status: "idle",
+				progress: 0
+			};
+			const errorMessage = extractErrorMessage(error);
+			const failedFile = {
+				...fileWithStatus,
+				status: "error",
+				error: errorMessage
+			};
+			setFilesState((prev) => prev.map((f) => f.id === fileWithStatus.id ? failedFile : f));
+			upload.onUploadError?.(failedFile, error);
+			return failedFile;
+		} finally {
+			abortControllersRef.current.delete(fileWithStatus.id);
+		}
+	}, [upload]);
+	const uploadFiles = useCallback(async (filesToUpload) => {
+		const targetFiles = filesToUpload ?? files.filter((f) => f.status === "idle");
+		if (targetFiles.length === 0) return [];
+		setIsUploading(true);
+		const results = [];
+		for (const file of targetFiles) {
+			const result = await uploadSingleFile(file);
+			results.push(result);
+		}
+		setIsUploading(false);
+		upload?.onAllUploadsComplete?.(results);
+		return results;
+	}, [
+		files,
+		uploadSingleFile,
+		upload
+	]);
+	const addFiles = useCallback((newFiles) => {
+		if (!newFiles || newFiles.length === 0) return;
+		const newFilesArray = Array.from(newFiles);
+		const newErrors = [];
+		setErrors([]);
+		if (!multiple) setFilesState((prev) => {
+			for (const file of prev) if (file.preview && file.file instanceof File) URL.revokeObjectURL(file.preview);
+			return [];
+		});
+		if (multiple && maxFiles !== Number.POSITIVE_INFINITY && files.length + newFilesArray.length > maxFiles) {
+			newErrors.push(`You can only upload a maximum of ${maxFiles} files.`);
+			setErrors(newErrors);
+			return;
+		}
+		const validFiles = [];
+		for (const file of newFilesArray) {
+			if (multiple) {
+				if (files.some((existingFile) => existingFile.file.name === file.name && existingFile.file.size === file.size)) continue;
+			}
+			const error = validateFile(file);
+			if (error) {
+				newErrors.push(error);
+				continue;
+			}
+			validFiles.push({
+				file,
+				id: generateUniqueId(file),
+				preview: createPreview(file),
+				progress: 0,
+				status: "idle"
+			});
+		}
+		if (validFiles.length > 0) {
+			if (onFileAdd) for (const file of validFiles) onFileAdd(file);
+			setFilesState((prev) => {
+				const updatedFiles = !multiple ? validFiles : [...prev, ...validFiles];
+				onFilesChange?.(updatedFiles);
+				return updatedFiles;
+			});
+			if (autoUpload && upload) setTimeout(() => {
+				uploadFiles(validFiles);
+			}, 0);
+		}
+		if (newErrors.length > 0) setErrors(newErrors);
+		if (inputRef.current) inputRef.current.value = "";
+	}, [
+		files,
+		maxFiles,
+		multiple,
+		validateFile,
+		createPreview,
+		generateUniqueId,
+		onFilesChange,
+		onFileAdd,
+		autoUpload,
+		upload,
+		uploadFiles
+	]);
+	const removeFile = useCallback((id) => {
+		const controller = abortControllersRef.current.get(id);
+		if (controller) {
+			controller.abort();
+			abortControllersRef.current.delete(id);
+		}
+		setFilesState((prev) => {
+			const fileToRemove = prev.find((file) => file.id === id);
+			if (fileToRemove) {
+				onFileRemove?.(fileToRemove);
+				if (fileToRemove.preview && fileToRemove.file instanceof File) URL.revokeObjectURL(fileToRemove.preview);
+			}
+			const newFiles = prev.filter((file) => file.id !== id);
+			onFilesChange?.(newFiles);
+			return newFiles;
+		});
+	}, [onFilesChange, onFileRemove]);
+	const clearFiles = useCallback(() => {
+		cancelAllUploads();
+		setFilesState((prev) => {
+			for (const file of prev) {
+				onFileRemove?.(file);
+				if (file.preview && file.file instanceof File) URL.revokeObjectURL(file.preview);
+			}
+			return [];
+		});
+		if (inputRef.current) inputRef.current.value = "";
+		setErrors([]);
+		onFilesChange?.([]);
+	}, [
+		cancelAllUploads,
+		onFilesChange,
+		onFileRemove
+	]);
+	const clearErrors = useCallback(() => {
+		setErrors([]);
+	}, []);
+	const reset = useCallback((newFiles) => {
+		cancelAllUploads();
+		for (const file of files) if (file.preview && file.file instanceof File) URL.revokeObjectURL(file.preview);
+		if (inputRef.current) inputRef.current.value = "";
+		setErrors([]);
+		const initializedFiles = (newFiles ?? []).map((file) => ({
+			file,
+			id: file.id,
+			preview: file.url,
+			progress: 100,
+			status: "complete",
+			uploadedUrl: file.url
+		}));
+		setFilesState(initializedFiles);
+		onFilesChange?.(initializedFiles);
+		setInstanceKey((prev) => prev + 1);
+	}, [
+		cancelAllUploads,
+		files,
+		onFilesChange
+	]);
+	const setFiles = useCallback((newFiles) => {
+		setFilesState((prev) => {
+			const nextFiles = typeof newFiles === "function" ? newFiles(prev) : newFiles;
+			onFilesChange?.(nextFiles);
+			return nextFiles;
+		});
+	}, [onFilesChange]);
+	const retryUpload = useCallback(async (id) => {
+		const file = files.find((f) => f.id === id);
+		if (file && file.status === "error") {
+			setFilesState((prev) => prev.map((f) => f.id === id ? {
+				...f,
+				status: "idle",
+				error: void 0
+			} : f));
+			await uploadSingleFile({
+				...file,
+				status: "idle",
+				error: void 0
+			});
+		}
+	}, [files, uploadSingleFile]);
+	const cancelUpload = useCallback((id) => {
+		const controller = abortControllersRef.current.get(id);
+		if (controller) {
+			controller.abort();
+			abortControllersRef.current.delete(id);
+		}
+		setFilesState((prev) => prev.map((f) => f.id === id ? {
+			...f,
+			status: "idle",
+			progress: 0
+		} : f));
+	}, []);
+	const handleDragEnter = useCallback((e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		setIsDragging(true);
+	}, []);
+	const handleDragLeave = useCallback((e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		if (e.currentTarget.contains(e.relatedTarget)) return;
+		setIsDragging(false);
+	}, []);
+	const handleDragOver = useCallback((e) => {
+		e.preventDefault();
+		e.stopPropagation();
+	}, []);
+	const handleDrop = useCallback((e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		setIsDragging(false);
+		if (inputRef.current?.disabled) return;
+		if (e.dataTransfer.files?.length > 0) if (!multiple) addFiles([e.dataTransfer.files[0]]);
+		else addFiles(e.dataTransfer.files);
+	}, [addFiles, multiple]);
+	const handleFileChange = useCallback((e) => {
+		if (e.target.files?.length) addFiles(e.target.files);
+	}, [addFiles]);
+	return {
+		files,
+		isDragging,
+		isUploading,
+		errors,
+		addFiles,
+		removeFile,
+		clearFiles,
+		clearErrors,
+		reset,
+		setFiles,
+		instanceKey,
+		uploadFiles,
+		retryUpload,
+		cancelUpload,
+		handleDragEnter,
+		handleDragLeave,
+		handleDragOver,
+		handleDrop,
+		handleFileChange,
+		openFileDialog: useCallback(() => {
+			inputRef.current?.click();
+		}, []),
+		getInputProps: useCallback((props = {}) => ({
+			...props,
+			accept: props.accept || accept,
+			multiple: props.multiple !== void 0 ? props.multiple : multiple,
+			onChange: handleFileChange,
+			ref: inputRef,
+			type: "file"
+		}), [
+			accept,
+			multiple,
+			handleFileChange
+		])
+	};
+};
+
+//#endregion
+//#region src/hooks/use-mobile.ts
+const MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+	const [isMobile, setIsMobile] = React$1.useState(void 0);
+	React$1.useEffect(() => {
+		const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+		const onChange = () => {
+			setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+		};
+		mql.addEventListener("change", onChange);
+		setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+		return () => mql.removeEventListener("change", onChange);
+	}, []);
+	return !!isMobile;
+}
+
+//#endregion
+export { Button, PXUIProvider, buttonVariants, cn, defineLoadOptions, formatBytes, useAsyncOptions, useDebounce, useFileUpload, use_infinite_scroll_default as useInfiniteScroll, useIntersectionObserver, useIsMobile };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ButtonPrimitive","entry","uploadedFile: FileUploadItem","failedFile: FileUploadItem","results: FileUploadItem[]","newErrors: string[]","validFiles: FileUploadItem[]","initializedFiles: FileUploadItem[]","React"],"sources":["../src/lib/utils.ts","../src/components/button.tsx","../src/providers/px-ui-provider.tsx","../src/hooks/use-debounce.ts","../src/hooks/use-intersection-observer.ts","../src/hooks/use-infinite-scroll.ts","../src/hooks/use-async-options.ts","../src/hooks/use-file-upload.ts","../src/hooks/use-mobile.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import { Button as ButtonPrimitive } from \"@base-ui/react/button\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\n\nconst buttonVariants = cva(\n  \"ppx:group/button ppx:inline-flex ppx:shrink-0 ppx:items-center ppx:justify-center ppx:rounded-md ppx:border ppx:border-transparent ppx:bg-clip-padding ppx:text-sm ppx:font-medium ppx:whitespace-nowrap ppx:transition-all ppx:outline-none ppx:select-none ppx:focus-visible:border-ring ppx:focus-visible:ring-3 ppx:focus-visible:ring-ring/50 ppx:active:not-aria-[haspopup]:translate-y-px ppx:disabled:pointer-events-none ppx:disabled:opacity-50 ppx:aria-invalid:border-destructive ppx:aria-invalid:ring-3 ppx:aria-invalid:ring-destructive/20 ppx:dark:aria-invalid:border-destructive/50 ppx:dark:aria-invalid:ring-destructive/40 ppx:[&_svg]:pointer-events-none ppx:[&_svg]:shrink-0 ppx:[&_svg:not([class*=size-])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: \"ppx:bg-primary ppx:text-primary-foreground ppx:hover:bg-primary/80\",\n        outline:\n          \"ppx:border-border ppx:bg-background ppx:shadow-xs ppx:hover:bg-muted ppx:hover:text-foreground ppx:aria-expanded:bg-muted ppx:aria-expanded:text-foreground ppx:dark:border-input ppx:dark:bg-input/30 ppx:dark:hover:bg-input/50\",\n        secondary:\n          \"ppx:bg-secondary ppx:text-secondary-foreground ppx:hover:bg-secondary/80 ppx:aria-expanded:bg-secondary ppx:aria-expanded:text-secondary-foreground\",\n        ghost:\n          \"ppx:hover:bg-muted ppx:hover:text-foreground ppx:aria-expanded:bg-muted ppx:aria-expanded:text-foreground ppx:dark:hover:bg-muted/50\",\n        destructive:\n          \"ppx:bg-destructive/10 ppx:text-destructive ppx:hover:bg-destructive/20 ppx:focus-visible:border-destructive/40 ppx:focus-visible:ring-destructive/20 ppx:dark:bg-destructive/20 ppx:dark:hover:bg-destructive/30 ppx:dark:focus-visible:ring-destructive/40\",\n        link: \"ppx:text-primary ppx:underline-offset-4 ppx:hover:underline\",\n      },\n      size: {\n        default:\n          \"ppx:h-9 ppx:gap-1.5 ppx:px-2.5 ppx:in-data-[slot=button-group]:rounded-md ppx:has-data-[icon=inline-end]:pe-2 ppx:has-data-[icon=inline-start]:ps-2\",\n        xs: \"ppx:h-6 ppx:gap-1 ppx:rounded-[min(var(--radius-md),8px)] ppx:px-2 ppx:text-xs ppx:in-data-[slot=button-group]:rounded-md ppx:has-data-[icon=inline-end]:pe-1.5 ppx:has-data-[icon=inline-start]:ps-1.5 ppx:[&_svg:not([class*=size-])]:size-3\",\n        sm: \"ppx:h-8 ppx:gap-1 ppx:rounded-[min(var(--radius-md),10px)] ppx:px-2.5 ppx:in-data-[slot=button-group]:rounded-md ppx:has-data-[icon=inline-end]:pe-1.5 ppx:has-data-[icon=inline-start]:ps-1.5\",\n        lg: \"ppx:h-10 ppx:gap-1.5 ppx:px-2.5 ppx:has-data-[icon=inline-end]:pe-2 ppx:has-data-[icon=inline-start]:ps-2\",\n        icon: \"ppx:size-9\",\n        \"icon-xs\":\n          \"ppx:size-6 ppx:rounded-[min(var(--radius-md),8px)] ppx:in-data-[slot=button-group]:rounded-md ppx:[&_svg:not([class*=size-])]:size-3\",\n        \"icon-sm\":\n          \"ppx:size-8 ppx:rounded-[min(var(--radius-md),10px)] ppx:in-data-[slot=button-group]:rounded-md\",\n        \"icon-lg\": \"ppx:size-10\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Button({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>) {\n  return (\n    <ButtonPrimitive\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n","import { createContext } from \"react\";\n\nconst PXUIContext = createContext(null);\n\nexport function PXUIProvider(props: React.PropsWithChildren) {\n  return <PXUIContext.Provider value={null}>{props.children}</PXUIContext.Provider>;\n}\n","import { useEffect, useEffectEvent, useRef } from \"react\";\n\nexport default function useDebounce<T>(\n  callback: () => void,\n  delay: number,\n  deps: React.DependencyList,\n) {\n  const timeout = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const cb = useEffectEvent(callback);\n\n  useEffect(() => {\n    if (timeout.current) {\n      clearTimeout(timeout.current);\n    }\n\n    timeout.current = setTimeout(() => {\n      cb();\n      timeout.current = null;\n    }, delay);\n\n    return () => {\n      if (timeout.current) {\n        clearTimeout(timeout.current);\n        timeout.current = null;\n      }\n    };\n  }, [...deps, delay]);\n}\n","import React from \"react\";\n\nexport interface UseIntersectionObserverOptions {\n  threshold?: number | number[];\n  root?: Element | Document | null;\n  rootMargin?: string;\n}\n\nexport type UseIntersectionObserverReturn = [\n  (node: Element | null) => void,\n  IntersectionObserverEntry | null,\n];\n\nexport function useIntersectionObserver(\n  options: UseIntersectionObserverOptions = {},\n): UseIntersectionObserverReturn {\n  const { threshold = 1, root = null, rootMargin = \"0px\" } = options;\n  const [entry, setEntry] = React.useState<IntersectionObserverEntry | null>(\n    null,\n  );\n\n  const previousObserver = React.useRef<IntersectionObserver | null>(null);\n\n  const customRef = React.useCallback(\n    (node: Element | null) => {\n      if (previousObserver.current) {\n        previousObserver.current.disconnect();\n        previousObserver.current = null;\n      }\n\n      if (node?.nodeType === Node.ELEMENT_NODE) {\n        const observer = new IntersectionObserver(\n          ([entry]: IntersectionObserverEntry[]) => {\n            setEntry(entry ?? null);\n          },\n          { threshold, root, rootMargin },\n        );\n\n        observer.observe(node);\n        previousObserver.current = observer;\n      }\n    },\n    [threshold, root, rootMargin],\n  );\n\n  return [customRef, entry] as const;\n}\n","import { useEffect, useEffectEvent } from \"react\";\nimport {\n  useIntersectionObserver,\n  type UseIntersectionObserverOptions,\n} from \"./use-intersection-observer\";\n\nconst DEFAULT_DELAY_IN_MS = 100;\n\nexport type UseInfiniteScrollHookArgs = Pick<\n  UseIntersectionObserverOptions,\n  \"rootMargin\" | \"threshold\"\n> & {\n  isLoadingMore: boolean;\n  hasMore: boolean;\n  onLoadMore: () => unknown;\n  disabled?: boolean;\n};\n\nfunction useInfiniteScroll({\n  isLoadingMore,\n  hasMore,\n  onLoadMore,\n  rootMargin,\n  disabled,\n  threshold = 0,\n}: UseInfiniteScrollHookArgs) {\n  const [ref, entry] = useIntersectionObserver({\n    rootMargin,\n    threshold,\n  });\n  const isVisible = Boolean(entry?.isIntersecting);\n\n  const onLoadMoreEvent = useEffectEvent(() => {\n    onLoadMore();\n  });\n\n  useEffect(() => {\n    if (disabled) return;\n\n    if (isVisible && hasMore && !isLoadingMore && !disabled) {\n      const timer = setTimeout(() => {\n        onLoadMoreEvent();\n      }, DEFAULT_DELAY_IN_MS);\n\n      return () => {\n        clearTimeout(timer);\n      };\n    }\n  }, [isVisible, isLoadingMore, hasMore, disabled]);\n\n  return [ref] as const;\n}\n\nexport default useInfiniteScroll;\n","import { useRef } from \"react\";\nimport { useInfiniteQuery, type QueryKey } from \"@tanstack/react-query\";\n\ntype LoadOptionsData<TData> = {\n  options: TData[];\n  hasMore: boolean;\n};\n\ntype LoadOptionsReturn<TData> = {\n  data: LoadOptionsData<TData>;\n  error: any;\n};\n\ntype LoadOptionsFn<TData> = (params: {\n  search: string;\n  page: number;\n  signal: AbortSignal;\n}) => Promise<LoadOptionsReturn<TData>>;\n\nexport function useAsyncOptions<TData = any>(\n  params: {\n    cacheKey: QueryKey;\n    loader: LoadOptionsFn<TData>;\n  },\n  {\n    isOpen,\n    inputValue,\n  }: {\n    isOpen: boolean;\n    inputValue: string;\n  },\n) {\n  const isFetchedAfterMount = useRef(false);\n\n  const query = useInfiniteQuery({\n    queryKey: [...params.cacheKey, inputValue],\n    queryFn: async ({ pageParam, signal }) => {\n      const { error, data } = await params.loader({\n        search: inputValue,\n        page: pageParam,\n        signal,\n      });\n\n      if (error) {\n        throw new Error(error);\n      }\n\n      return data;\n    },\n    enabled: isOpen,\n    initialPageParam: 1,\n    staleTime: () => (isFetchedAfterMount.current ? Infinity : 0),\n    getNextPageParam: (lastPage, allPages) =>\n      lastPage.hasMore ? allPages.length + 1 : undefined,\n    retry: false,\n  });\n\n  if (query.isFetchedAfterMount && !isFetchedAfterMount.current) {\n    isFetchedAfterMount.current = true;\n  }\n\n  const items = query.data?.pages.flatMap((page) => page.options);\n\n  const handleLoadMore = () => {\n    query.fetchNextPage();\n  };\n\n  return {\n    items,\n    isLoading: query.isLoading,\n    isLoadingMore: query.isFetchingNextPage,\n    hasMore: query.hasNextPage,\n    isError: query.isError,\n    onLoadMore: handleLoadMore,\n    _query: query,\n  };\n}\n\nexport type LoadOptionsConfig<TData> = {\n  cacheKey: QueryKey;\n  loader: LoadOptionsFn<TData>;\n};\n\nexport function defineLoadOptions<TData = any>(\n  loadOptions: LoadOptionsConfig<TData>,\n) {\n  return loadOptions;\n}\n\nexport type InferOption<T> =\n  T extends LoadOptionsConfig<infer TData> ? TData : never;\nexport type InferOptions<T> =\n  T extends LoadOptionsConfig<infer TData> ? TData[] : never;\n","import {\n  type ChangeEvent,\n  type DragEvent,\n  type InputHTMLAttributes,\n  useCallback,\n  useRef,\n  useState,\n} from \"react\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type FileMetadata = {\n  name: string;\n  size: number;\n  type: string;\n  url: string;\n  id: string;\n};\n\nexport type UploadStatus = \"idle\" | \"uploading\" | \"complete\" | \"error\";\n\nexport type FileUploadItem = {\n  file: File | FileMetadata;\n  id: string;\n  preview?: string;\n  progress: number;\n  status: UploadStatus;\n  error?: string;\n  uploadedUrl?: string;\n};\n\nexport type PresignedUrlResponse = {\n  /** The S3 bucket URL to POST to */\n  url: string;\n  /** The full accessible path after upload (may include signed query params) */\n  full_path: string;\n  /** The S3 object key (e.g., \"uuid/filename.pdf\") */\n  key?: string;\n  /** Access control level */\n  acl?: string;\n  /** Expected response status from S3 */\n  success_action_status?: string;\n  /** Content-Type for the upload */\n  \"Content-Type\"?: string;\n  /** Base64-encoded policy document */\n  policy?: string;\n  /** AWS credential string */\n  \"x-amz-credential\"?: string;\n  /** AWS signing algorithm */\n  \"x-amz-algorithm\"?: string;\n  /** AWS request date */\n  \"x-amz-date\"?: string;\n  /** AWS request signature */\n  \"x-amz-signature\"?: string;\n  /** Additional fields */\n  [key: string]: unknown;\n};\n\nexport type UploadConfig = {\n  /**\n   * Function to get a presigned URL for uploading\n   */\n  getPresignedUrl: (params: {\n    filename: string;\n    contentType: string;\n    size: number;\n    signal?: AbortSignal;\n  }) => Promise<{\n    result?: PresignedUrlResponse | null;\n    error?: unknown;\n  }>;\n\n  /**\n   * Function to upload the file to the storage\n   */\n  uploadFile: (\n    url: string,\n    file: File,\n    presignedData: PresignedUrlResponse,\n    onProgress?: (progress: number) => void,\n    signal?: AbortSignal,\n  ) => Promise<{\n    result?: { url: string; [key: string]: unknown };\n    error?: unknown;\n  }>;\n\n  /**\n   * Whether to auto-upload files when they are added\n   * @default true\n   */\n  autoUpload?: boolean;\n\n  /**\n   * Called when a single file upload completes\n   */\n  onUploadComplete?: (file: FileUploadItem) => void;\n\n  /**\n   * Called when a single file upload fails\n   */\n  onUploadError?: (file: FileUploadItem, error: unknown) => void;\n\n  /**\n   * Called when all files finish uploading\n   */\n  onAllUploadsComplete?: (files: FileUploadItem[]) => void;\n};\n\nexport type UseFileUploadOptions = {\n  maxFiles?: number;\n  maxSize?: number;\n  minSize?: number;\n  accept?: string;\n  multiple?: boolean;\n  initialFiles?: FileMetadata[];\n  onFilesChange?: (files: FileUploadItem[]) => void;\n  onFileAdd?: (addedFile: FileUploadItem) => void;\n  onFileRemove?: (removedFile: FileUploadItem) => void;\n  upload?: UploadConfig;\n};\n\nexport type UseFileUploadReturn = {\n  // State\n  files: FileUploadItem[];\n  isDragging: boolean;\n  isUploading: boolean;\n  errors: string[];\n\n  // Core Actions\n  addFiles: (files: FileList | File[]) => void;\n  removeFile: (id: string) => void;\n  clearFiles: () => void;\n  clearErrors: () => void;\n\n  // Form integration\n  reset: (newFiles?: FileMetadata[]) => void;\n  setFiles: (\n    files: FileUploadItem[] | ((prev: FileUploadItem[]) => FileUploadItem[]),\n  ) => void;\n  instanceKey: number;\n\n  // Upload Actions\n  uploadFiles: (files?: FileUploadItem[]) => Promise<FileUploadItem[]>;\n  retryUpload: (id: string) => Promise<void>;\n  cancelUpload: (id: string) => void;\n\n  // Drag/Drop + Input\n  handleDragEnter: (e: DragEvent<HTMLElement>) => void;\n  handleDragLeave: (e: DragEvent<HTMLElement>) => void;\n  handleDragOver: (e: DragEvent<HTMLElement>) => void;\n  handleDrop: (e: DragEvent<HTMLElement>) => void;\n  handleFileChange: (e: ChangeEvent<HTMLInputElement>) => void;\n  openFileDialog: () => void;\n  getInputProps: (\n    props?: InputHTMLAttributes<HTMLInputElement>,\n  ) => InputHTMLAttributes<HTMLInputElement> & {\n    // biome-ignore lint/suspicious/noExplicitAny: intentional for cross-React ref compatibility\n    ref: any;\n  };\n};\n\n// Helper function to format bytes to human-readable format\nexport const formatBytes = (bytes: number, decimals = 2): string => {\n  if (bytes === 0) return \"0 Bytes\";\n\n  const k = 1024;\n  const dm = decimals < 0 ? 0 : decimals;\n  const sizes = [\"Bytes\", \"KB\", \"MB\", \"GB\", \"TB\", \"PB\", \"EB\", \"ZB\", \"YB\"];\n\n  const i = Math.floor(Math.log(bytes) / Math.log(k));\n\n  return Number.parseFloat((bytes / k ** i).toFixed(dm)) + sizes[i];\n};\n\n/**\n * Extract error message from various error formats, including S3 XML errors\n */\nfunction extractErrorMessage(error: unknown): string {\n  if (typeof error === \"string\") {\n    return error;\n  }\n\n  if (error instanceof Error) {\n    // Check if it's an S3 XML error in the message\n    const xmlMatch = error.message.match(/<Message>(.*?)<\\/Message>/);\n    if (xmlMatch) {\n      return xmlMatch[1];\n    }\n    return error.message;\n  }\n\n  // Handle objects with message property\n  if (error && typeof error === \"object\") {\n    // Check for responseText with XML\n    if (\"responseText\" in error && typeof error.responseText === \"string\") {\n      const xmlMatch = error.responseText.match(/<Message>(.*?)<\\/Message>/);\n      if (xmlMatch) {\n        return xmlMatch[1];\n      }\n    }\n\n    // Check for body with XML\n    if (\"body\" in error && typeof error.body === \"string\") {\n      const xmlMatch = error.body.match(/<Message>(.*?)<\\/Message>/);\n      if (xmlMatch) {\n        return xmlMatch[1];\n      }\n    }\n\n    // Standard message property\n    if (\"message\" in error && typeof error.message === \"string\") {\n      return error.message;\n    }\n\n    // Check for error property\n    if (\"error\" in error) {\n      return extractErrorMessage(error.error);\n    }\n  }\n\n  return \"Upload failed\";\n}\n\n// ============================================================================\n// Hook\n// ============================================================================\n\nexport const useFileUpload = (\n  options: UseFileUploadOptions = {},\n): UseFileUploadReturn => {\n  const { upload, ...baseOptions } = options;\n  const autoUpload = upload?.autoUpload ?? true;\n\n  const [files, setFilesState] = useState<FileUploadItem[]>(\n    (baseOptions.initialFiles ?? []).map((file) => ({\n      file,\n      id: file.id,\n      preview: file.url,\n      progress: 100,\n      status: \"complete\" as const,\n      uploadedUrl: file.url,\n    })),\n  );\n  const [isUploading, setIsUploading] = useState(false);\n  const [isDragging, setIsDragging] = useState(false);\n  const [errors, setErrors] = useState<string[]>([]);\n  const [instanceKey, setInstanceKey] = useState(0);\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const abortControllersRef = useRef<Map<string, AbortController>>(new Map());\n\n  // Helper to cancel all ongoing uploads\n  const cancelAllUploads = useCallback(() => {\n    for (const controller of abortControllersRef.current.values()) {\n      controller.abort();\n    }\n    abortControllersRef.current.clear();\n  }, []);\n\n  const {\n    maxFiles = Number.POSITIVE_INFINITY,\n    maxSize = Number.POSITIVE_INFINITY,\n    minSize = 4 * 1024,\n    accept = \"*\",\n    multiple = false,\n    onFilesChange,\n    onFileAdd,\n    onFileRemove,\n  } = baseOptions;\n\n  const validateFile = useCallback(\n    (file: File): string | null => {\n      if (file.size > maxSize) {\n        return `File \"${file.name}\" exceeds the maximum size of ${formatBytes(maxSize)}.`;\n      }\n\n      if (file.size < minSize) {\n        return `File \"${file.name}\" is below the minimum size of ${formatBytes(minSize)}.`;\n      }\n\n      if (accept !== \"*\") {\n        const acceptedTypes = accept.split(\",\").map((type) => type.trim());\n        const fileType = file.type || \"\";\n        const fileExtension = `.${file.name.split(\".\").pop()}`;\n\n        const isAccepted = acceptedTypes.some((type) => {\n          if (type.startsWith(\".\")) {\n            return fileExtension.toLowerCase() === type.toLowerCase();\n          }\n          if (type.endsWith(\"/*\")) {\n            const baseType = type.split(\"/\")[0];\n            return fileType.startsWith(`${baseType}/`);\n          }\n          return fileType === type;\n        });\n\n        if (!isAccepted) {\n          return `File \"${file.name}\" is not an accepted file type.`;\n        }\n      }\n\n      return null;\n    },\n    [accept, maxSize, minSize],\n  );\n\n  const createPreview = useCallback((file: File): string | undefined => {\n    if (file.type.startsWith(\"image/\")) {\n      return URL.createObjectURL(file);\n    }\n    return undefined;\n  }, []);\n\n  const generateUniqueId = useCallback((file: File): string => {\n    return `${file.name}-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;\n  }, []);\n\n  const uploadSingleFile = useCallback(\n    async (fileWithStatus: FileUploadItem): Promise<FileUploadItem> => {\n      if (!upload) {\n        return {\n          ...fileWithStatus,\n          status: \"error\",\n          error: \"No upload config provided\",\n        };\n      }\n\n      const file = fileWithStatus.file as File;\n      if (!(file instanceof File)) {\n        // Already uploaded file (FileMetadata)\n        return { ...fileWithStatus, status: \"complete\", progress: 100 };\n      }\n\n      const abortController = new AbortController();\n      abortControllersRef.current.set(fileWithStatus.id, abortController);\n\n      try {\n        // Update status to uploading\n        setFilesState((prev) =>\n          prev.map((f) =>\n            f.id === fileWithStatus.id\n              ? { ...f, status: \"uploading\" as const, progress: 0 }\n              : f,\n          ),\n        );\n\n        // Step 1: Get presigned URL\n        const { result: presignedResult, error: presignedError } =\n          await upload.getPresignedUrl({\n            filename: file.name,\n            contentType: file.type,\n            size: file.size,\n            signal: abortController.signal,\n          });\n\n        if (presignedError || !presignedResult) {\n          throw presignedError || new Error(\"Failed to get presigned URL\");\n        }\n\n        // Update progress after getting presigned URL\n        setFilesState((prev) =>\n          prev.map((f) =>\n            f.id === fileWithStatus.id ? { ...f, progress: 10 } : f,\n          ),\n        );\n\n        // Step 2: Upload file\n        const { result: uploadResult, error: uploadError } =\n          await upload.uploadFile(\n            presignedResult.url,\n            file,\n            presignedResult,\n            (progress) => {\n              // Scale progress from 10-99 (leave room for final 100%)\n              const scaledProgress = Math.min(10 + progress * 0.89, 99);\n              setFilesState((prev) =>\n                prev.map((f) =>\n                  f.id === fileWithStatus.id\n                    ? { ...f, progress: Math.round(scaledProgress) }\n                    : f,\n                ),\n              );\n            },\n            abortController.signal,\n          );\n\n        if (uploadError) {\n          throw uploadError;\n        }\n\n        if (!uploadResult?.url) {\n          throw new Error(\"Upload failed, no URL was returned\");\n        }\n\n        // Ensure progress hits 100% before changing status\n        setFilesState((prev) =>\n          prev.map((f) =>\n            f.id === fileWithStatus.id ? { ...f, progress: 100 } : f,\n          ),\n        );\n\n        // Small delay to show 100% before marking complete\n        await new Promise((resolve) => setTimeout(resolve, 150));\n\n        const uploadedFile: FileUploadItem = {\n          ...fileWithStatus,\n          status: \"complete\",\n          progress: 100,\n          uploadedUrl: uploadResult.url,\n        };\n\n        setFilesState((prev) =>\n          prev.map((f) => (f.id === fileWithStatus.id ? uploadedFile : f)),\n        );\n\n        upload.onUploadComplete?.(uploadedFile);\n\n        return uploadedFile;\n      } catch (error) {\n        // Check if the upload was cancelled via AbortController\n        const isAborted =\n          error instanceof Error &&\n          (error.name === \"AbortError\" || abortController.signal.aborted);\n\n        if (isAborted) {\n          // Upload was cancelled - return idle state\n          const cancelledFile: FileUploadItem = {\n            ...fileWithStatus,\n            status: \"idle\",\n            progress: 0,\n          };\n          return cancelledFile;\n        }\n\n        const errorMessage = extractErrorMessage(error);\n        const failedFile: FileUploadItem = {\n          ...fileWithStatus,\n          status: \"error\",\n          error: errorMessage,\n        };\n\n        setFilesState((prev) =>\n          prev.map((f) => (f.id === fileWithStatus.id ? failedFile : f)),\n        );\n\n        upload.onUploadError?.(failedFile, error);\n\n        return failedFile;\n      } finally {\n        abortControllersRef.current.delete(fileWithStatus.id);\n      }\n    },\n    [upload],\n  );\n\n  const uploadFiles = useCallback(\n    async (filesToUpload?: FileUploadItem[]): Promise<FileUploadItem[]> => {\n      const targetFiles =\n        filesToUpload ?? files.filter((f) => f.status === \"idle\");\n\n      if (targetFiles.length === 0) return [];\n\n      setIsUploading(true);\n      const results: FileUploadItem[] = [];\n\n      for (const file of targetFiles) {\n        const result = await uploadSingleFile(file);\n        results.push(result);\n      }\n\n      setIsUploading(false);\n      upload?.onAllUploadsComplete?.(results);\n\n      return results;\n    },\n    [files, uploadSingleFile, upload],\n  );\n\n  const addFiles = useCallback(\n    (newFiles: FileList | File[]) => {\n      if (!newFiles || newFiles.length === 0) return;\n\n      const newFilesArray = Array.from(newFiles);\n      const newErrors: string[] = [];\n\n      // Clear existing errors\n      setErrors([]);\n\n      // In single file mode, clear existing files first\n      if (!multiple) {\n        setFilesState((prev) => {\n          for (const file of prev) {\n            if (file.preview && file.file instanceof File) {\n              URL.revokeObjectURL(file.preview);\n            }\n          }\n          return [];\n        });\n      }\n\n      // Check if adding these files would exceed maxFiles\n      if (\n        multiple &&\n        maxFiles !== Number.POSITIVE_INFINITY &&\n        files.length + newFilesArray.length > maxFiles\n      ) {\n        newErrors.push(`You can only upload a maximum of ${maxFiles} files.`);\n        setErrors(newErrors);\n        return;\n      }\n\n      const validFiles: FileUploadItem[] = [];\n\n      for (const file of newFilesArray) {\n        // Check for duplicates in multiple mode\n        if (multiple) {\n          const isDuplicate = files.some(\n            (existingFile) =>\n              existingFile.file.name === file.name &&\n              existingFile.file.size === file.size,\n          );\n          if (isDuplicate) continue;\n        }\n\n        const error = validateFile(file);\n        if (error) {\n          newErrors.push(error);\n          continue;\n        }\n\n        validFiles.push({\n          file,\n          id: generateUniqueId(file),\n          preview: createPreview(file),\n          progress: 0,\n          status: \"idle\",\n        });\n      }\n\n      if (validFiles.length > 0) {\n        // Call onFileAdd callback for each file\n        if (onFileAdd) {\n          for (const file of validFiles) {\n            onFileAdd(file);\n          }\n        }\n\n        setFilesState((prev) => {\n          const updatedFiles = !multiple ? validFiles : [...prev, ...validFiles];\n          onFilesChange?.(updatedFiles);\n          return updatedFiles;\n        });\n\n        // Auto-upload if configured\n        if (autoUpload && upload) {\n          // Use setTimeout to ensure state is updated before uploading\n          setTimeout(() => {\n            uploadFiles(validFiles);\n          }, 0);\n        }\n      }\n\n      if (newErrors.length > 0) {\n        setErrors(newErrors);\n      }\n\n      // Reset input value\n      if (inputRef.current) {\n        inputRef.current.value = \"\";\n      }\n    },\n    [\n      files,\n      maxFiles,\n      multiple,\n      validateFile,\n      createPreview,\n      generateUniqueId,\n      onFilesChange,\n      onFileAdd,\n      autoUpload,\n      upload,\n      uploadFiles,\n    ],\n  );\n\n  const removeFile = useCallback(\n    (id: string) => {\n      // Cancel any ongoing upload\n      const controller = abortControllersRef.current.get(id);\n      if (controller) {\n        controller.abort();\n        abortControllersRef.current.delete(id);\n      }\n\n      setFilesState((prev) => {\n        const fileToRemove = prev.find((file) => file.id === id);\n        if (fileToRemove) {\n          // Call onFileRemove callback before removing\n          onFileRemove?.(fileToRemove);\n\n          if (fileToRemove.preview && fileToRemove.file instanceof File) {\n            URL.revokeObjectURL(fileToRemove.preview);\n          }\n        }\n\n        const newFiles = prev.filter((file) => file.id !== id);\n        onFilesChange?.(newFiles);\n        return newFiles;\n      });\n    },\n    [onFilesChange, onFileRemove],\n  );\n\n  const clearFiles = useCallback(() => {\n    cancelAllUploads();\n\n    setFilesState((prev) => {\n      for (const file of prev) {\n        // Call onFileRemove for each file\n        onFileRemove?.(file);\n\n        if (file.preview && file.file instanceof File) {\n          URL.revokeObjectURL(file.preview);\n        }\n      }\n      return [];\n    });\n\n    if (inputRef.current) {\n      inputRef.current.value = \"\";\n    }\n\n    setErrors([]);\n    onFilesChange?.([]);\n  }, [cancelAllUploads, onFilesChange, onFileRemove]);\n\n  const clearErrors = useCallback(() => {\n    setErrors([]);\n  }, []);\n\n  const reset = useCallback(\n    (newFiles?: FileMetadata[]) => {\n      cancelAllUploads();\n\n      // Revoke all previews\n      for (const file of files) {\n        if (file.preview && file.file instanceof File) {\n          URL.revokeObjectURL(file.preview);\n        }\n      }\n\n      // Reset input\n      if (inputRef.current) {\n        inputRef.current.value = \"\";\n      }\n\n      // Clear errors\n      setErrors([]);\n\n      // Set new files or clear\n      const initializedFiles: FileUploadItem[] = (newFiles ?? []).map(\n        (file) => ({\n          file,\n          id: file.id,\n          preview: file.url,\n          progress: 100,\n          status: \"complete\" as const,\n          uploadedUrl: file.url,\n        }),\n      );\n\n      setFilesState(initializedFiles);\n      onFilesChange?.(initializedFiles);\n\n      // Increment instance key to force remount\n      setInstanceKey((prev) => prev + 1);\n    },\n    [cancelAllUploads, files, onFilesChange],\n  );\n\n  const setFiles = useCallback(\n    (\n      newFiles:\n        | FileUploadItem[]\n        | ((prev: FileUploadItem[]) => FileUploadItem[]),\n    ) => {\n      setFilesState((prev) => {\n        const nextFiles =\n          typeof newFiles === \"function\" ? newFiles(prev) : newFiles;\n        onFilesChange?.(nextFiles);\n        return nextFiles;\n      });\n    },\n    [onFilesChange],\n  );\n\n  const retryUpload = useCallback(\n    async (id: string) => {\n      const file = files.find((f) => f.id === id);\n      if (file && file.status === \"error\") {\n        setFilesState((prev) =>\n          prev.map((f) =>\n            f.id === id\n              ? { ...f, status: \"idle\" as const, error: undefined }\n              : f,\n          ),\n        );\n        await uploadSingleFile({ ...file, status: \"idle\", error: undefined });\n      }\n    },\n    [files, uploadSingleFile],\n  );\n\n  const cancelUpload = useCallback((id: string) => {\n    const controller = abortControllersRef.current.get(id);\n    if (controller) {\n      controller.abort();\n      abortControllersRef.current.delete(id);\n    }\n\n    setFilesState((prev) =>\n      prev.map((f) =>\n        f.id === id ? { ...f, status: \"idle\" as const, progress: 0 } : f,\n      ),\n    );\n  }, []);\n\n  const handleDragEnter = useCallback((e: DragEvent<HTMLElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setIsDragging(true);\n  }, []);\n\n  const handleDragLeave = useCallback((e: DragEvent<HTMLElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (e.currentTarget.contains(e.relatedTarget as Node)) return;\n    setIsDragging(false);\n  }, []);\n\n  const handleDragOver = useCallback((e: DragEvent<HTMLElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n  }, []);\n\n  const handleDrop = useCallback(\n    (e: DragEvent<HTMLElement>) => {\n      e.preventDefault();\n      e.stopPropagation();\n      setIsDragging(false);\n\n      if (inputRef.current?.disabled) return;\n\n      if (e.dataTransfer.files?.length > 0) {\n        if (!multiple) {\n          addFiles([e.dataTransfer.files[0]]);\n        } else {\n          addFiles(e.dataTransfer.files);\n        }\n      }\n    },\n    [addFiles, multiple],\n  );\n\n  const handleFileChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      if (e.target.files?.length) {\n        addFiles(e.target.files);\n      }\n    },\n    [addFiles],\n  );\n\n  const openFileDialog = useCallback(() => {\n    inputRef.current?.click();\n  }, []);\n\n  const getInputProps = useCallback(\n    (props: InputHTMLAttributes<HTMLInputElement> = {}) => ({\n      ...props,\n      accept: props.accept || accept,\n      multiple: props.multiple !== undefined ? props.multiple : multiple,\n      onChange: handleFileChange,\n      // biome-ignore lint/suspicious/noExplicitAny: intentional\n      ref: inputRef as any,\n      type: \"file\" as const,\n    }),\n    [accept, multiple, handleFileChange],\n  );\n\n  return {\n    // State\n    files,\n    isDragging,\n    isUploading,\n    errors,\n\n    // Core Actions\n    addFiles,\n    removeFile,\n    clearFiles,\n    clearErrors,\n\n    // Form integration\n    reset,\n    setFiles,\n    instanceKey,\n\n    // Upload Actions\n    uploadFiles,\n    retryUpload,\n    cancelUpload,\n\n    // Drag/Drop + Input\n    handleDragEnter,\n    handleDragLeave,\n    handleDragOver,\n    handleDrop,\n    handleFileChange,\n    openFileDialog,\n    getInputProps,\n  };\n};\n\n// Legacy type exports for backwards compatibility\nexport type FileWithPreview = FileUploadItem;\nexport type FileWithUploadStatus = FileUploadItem;\nexport type FileUploadOptions = UseFileUploadOptions;\nexport type FileUploadWithUploaderOptions = UseFileUploadOptions;\n","import * as React from \"react\";\n\nconst MOBILE_BREAKPOINT = 768;\n\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(\n    undefined,\n  );\n\n  React.useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    };\n    mql.addEventListener(\"change\", onChange);\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    return () => mql.removeEventListener(\"change\", onChange);\n  }, []);\n\n  return !!isMobile;\n}\n"],"mappings":";;;;;;;;;;AAGA,SAAgB,GAAG,GAAG,QAAsB;AAC1C,QAAO,QAAQ,KAAK,OAAO,CAAC;;;;;ACC9B,MAAM,iBAAiB,IACrB,gtBACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SACE;GACF,WACE;GACF,OACE;GACF,aACE;GACF,MAAM;GACP;EACD,MAAM;GACJ,SACE;GACF,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,MAAM;GACN,WACE;GACF,WACE;GACF,WAAW;GACZ;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAED,SAAS,OAAO,EACd,WACA,UAAU,WACV,OAAO,WACP,GAAG,SAC2D;AAC9D,QACE,oBAACA;EACC,aAAU;EACV,WAAW,GAAG,eAAe;GAAE;GAAS;GAAM;GAAW,CAAC,CAAC;EAC3D,GAAI;GACJ;;;;;ACnDN,MAAM,cAAc,cAAc,KAAK;AAEvC,SAAgB,aAAa,OAAgC;AAC3D,QAAO,oBAAC,YAAY;EAAS,OAAO;YAAO,MAAM;GAAgC;;;;;ACHnF,SAAwB,YACtB,UACA,OACA,MACA;CACA,MAAM,UAAU,OAA6C,KAAK;CAClE,MAAM,KAAK,eAAe,SAAS;AAEnC,iBAAgB;AACd,MAAI,QAAQ,QACV,cAAa,QAAQ,QAAQ;AAG/B,UAAQ,UAAU,iBAAiB;AACjC,OAAI;AACJ,WAAQ,UAAU;KACjB,MAAM;AAET,eAAa;AACX,OAAI,QAAQ,SAAS;AACnB,iBAAa,QAAQ,QAAQ;AAC7B,YAAQ,UAAU;;;IAGrB,CAAC,GAAG,MAAM,MAAM,CAAC;;;;;ACbtB,SAAgB,wBACd,UAA0C,EAAE,EACb;CAC/B,MAAM,EAAE,YAAY,GAAG,OAAO,MAAM,aAAa,UAAU;CAC3D,MAAM,CAAC,OAAO,YAAY,MAAM,SAC9B,KACD;CAED,MAAM,mBAAmB,MAAM,OAAoC,KAAK;AAwBxE,QAAO,CAtBW,MAAM,aACrB,SAAyB;AACxB,MAAI,iBAAiB,SAAS;AAC5B,oBAAiB,QAAQ,YAAY;AACrC,oBAAiB,UAAU;;AAG7B,MAAI,MAAM,aAAa,KAAK,cAAc;GACxC,MAAM,WAAW,IAAI,sBAClB,CAACC,aAAwC;AACxC,aAASA,WAAS,KAAK;MAEzB;IAAE;IAAW;IAAM;IAAY,CAChC;AAED,YAAS,QAAQ,KAAK;AACtB,oBAAiB,UAAU;;IAG/B;EAAC;EAAW;EAAM;EAAW,CAC9B,EAEkB,MAAM;;;;;ACvC3B,MAAM,sBAAsB;AAY5B,SAAS,kBAAkB,EACzB,eACA,SACA,YACA,YACA,UACA,YAAY,KACgB;CAC5B,MAAM,CAAC,KAAK,SAAS,wBAAwB;EAC3C;EACA;EACD,CAAC;CACF,MAAM,YAAY,QAAQ,OAAO,eAAe;CAEhD,MAAM,kBAAkB,qBAAqB;AAC3C,cAAY;GACZ;AAEF,iBAAgB;AACd,MAAI,SAAU;AAEd,MAAI,aAAa,WAAW,CAAC,iBAAiB,CAAC,UAAU;GACvD,MAAM,QAAQ,iBAAiB;AAC7B,qBAAiB;MAChB,oBAAoB;AAEvB,gBAAa;AACX,iBAAa,MAAM;;;IAGtB;EAAC;EAAW;EAAe;EAAS;EAAS,CAAC;AAEjD,QAAO,CAAC,IAAI;;AAGd,kCAAe;;;;AClCf,SAAgB,gBACd,QAIA,EACE,QACA,cAKF;CACA,MAAM,sBAAsB,OAAO,MAAM;CAEzC,MAAM,QAAQ,iBAAiB;EAC7B,UAAU,CAAC,GAAG,OAAO,UAAU,WAAW;EAC1C,SAAS,OAAO,EAAE,WAAW,aAAa;GACxC,MAAM,EAAE,OAAO,SAAS,MAAM,OAAO,OAAO;IAC1C,QAAQ;IACR,MAAM;IACN;IACD,CAAC;AAEF,OAAI,MACF,OAAM,IAAI,MAAM,MAAM;AAGxB,UAAO;;EAET,SAAS;EACT,kBAAkB;EAClB,iBAAkB,oBAAoB,UAAU,WAAW;EAC3D,mBAAmB,UAAU,aAC3B,SAAS,UAAU,SAAS,SAAS,IAAI;EAC3C,OAAO;EACR,CAAC;AAEF,KAAI,MAAM,uBAAuB,CAAC,oBAAoB,QACpD,qBAAoB,UAAU;CAGhC,MAAM,QAAQ,MAAM,MAAM,MAAM,SAAS,SAAS,KAAK,QAAQ;CAE/D,MAAM,uBAAuB;AAC3B,QAAM,eAAe;;AAGvB,QAAO;EACL;EACA,WAAW,MAAM;EACjB,eAAe,MAAM;EACrB,SAAS,MAAM;EACf,SAAS,MAAM;EACf,YAAY;EACZ,QAAQ;EACT;;AAQH,SAAgB,kBACd,aACA;AACA,QAAO;;;;;AC8ET,MAAa,eAAe,OAAe,WAAW,MAAc;AAClE,KAAI,UAAU,EAAG,QAAO;CAExB,MAAM,IAAI;CACV,MAAM,KAAK,WAAW,IAAI,IAAI;CAC9B,MAAM,QAAQ;EAAC;EAAS;EAAM;EAAM;EAAM;EAAM;EAAM;EAAM;EAAM;EAAK;CAEvE,MAAM,IAAI,KAAK,MAAM,KAAK,IAAI,MAAM,GAAG,KAAK,IAAI,EAAE,CAAC;AAEnD,QAAO,OAAO,YAAY,QAAQ,KAAK,GAAG,QAAQ,GAAG,CAAC,GAAG,MAAM;;;;;AAMjE,SAAS,oBAAoB,OAAwB;AACnD,KAAI,OAAO,UAAU,SACnB,QAAO;AAGT,KAAI,iBAAiB,OAAO;EAE1B,MAAM,WAAW,MAAM,QAAQ,MAAM,4BAA4B;AACjE,MAAI,SACF,QAAO,SAAS;AAElB,SAAO,MAAM;;AAIf,KAAI,SAAS,OAAO,UAAU,UAAU;AAEtC,MAAI,kBAAkB,SAAS,OAAO,MAAM,iBAAiB,UAAU;GACrE,MAAM,WAAW,MAAM,aAAa,MAAM,4BAA4B;AACtE,OAAI,SACF,QAAO,SAAS;;AAKpB,MAAI,UAAU,SAAS,OAAO,MAAM,SAAS,UAAU;GACrD,MAAM,WAAW,MAAM,KAAK,MAAM,4BAA4B;AAC9D,OAAI,SACF,QAAO,SAAS;;AAKpB,MAAI,aAAa,SAAS,OAAO,MAAM,YAAY,SACjD,QAAO,MAAM;AAIf,MAAI,WAAW,MACb,QAAO,oBAAoB,MAAM,MAAM;;AAI3C,QAAO;;AAOT,MAAa,iBACX,UAAgC,EAAE,KACV;CACxB,MAAM,EAAE,QAAQ,GAAG,gBAAgB;CACnC,MAAM,aAAa,QAAQ,cAAc;CAEzC,MAAM,CAAC,OAAO,iBAAiB,UAC5B,YAAY,gBAAgB,EAAE,EAAE,KAAK,UAAU;EAC9C;EACA,IAAI,KAAK;EACT,SAAS,KAAK;EACd,UAAU;EACV,QAAQ;EACR,aAAa,KAAK;EACnB,EAAE,CACJ;CACD,MAAM,CAAC,aAAa,kBAAkB,SAAS,MAAM;CACrD,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM;CACnD,MAAM,CAAC,QAAQ,aAAa,SAAmB,EAAE,CAAC;CAClD,MAAM,CAAC,aAAa,kBAAkB,SAAS,EAAE;CAEjD,MAAM,WAAW,OAAyB,KAAK;CAC/C,MAAM,sBAAsB,uBAAqC,IAAI,KAAK,CAAC;CAG3E,MAAM,mBAAmB,kBAAkB;AACzC,OAAK,MAAM,cAAc,oBAAoB,QAAQ,QAAQ,CAC3D,YAAW,OAAO;AAEpB,sBAAoB,QAAQ,OAAO;IAClC,EAAE,CAAC;CAEN,MAAM,EACJ,WAAW,OAAO,mBAClB,UAAU,OAAO,mBACjB,UAAU,IAAI,MACd,SAAS,KACT,WAAW,OACX,eACA,WACA,iBACE;CAEJ,MAAM,eAAe,aAClB,SAA8B;AAC7B,MAAI,KAAK,OAAO,QACd,QAAO,SAAS,KAAK,KAAK,gCAAgC,YAAY,QAAQ,CAAC;AAGjF,MAAI,KAAK,OAAO,QACd,QAAO,SAAS,KAAK,KAAK,iCAAiC,YAAY,QAAQ,CAAC;AAGlF,MAAI,WAAW,KAAK;GAClB,MAAM,gBAAgB,OAAO,MAAM,IAAI,CAAC,KAAK,SAAS,KAAK,MAAM,CAAC;GAClE,MAAM,WAAW,KAAK,QAAQ;GAC9B,MAAM,gBAAgB,IAAI,KAAK,KAAK,MAAM,IAAI,CAAC,KAAK;AAapD,OAAI,CAXe,cAAc,MAAM,SAAS;AAC9C,QAAI,KAAK,WAAW,IAAI,CACtB,QAAO,cAAc,aAAa,KAAK,KAAK,aAAa;AAE3D,QAAI,KAAK,SAAS,KAAK,EAAE;KACvB,MAAM,WAAW,KAAK,MAAM,IAAI,CAAC;AACjC,YAAO,SAAS,WAAW,GAAG,SAAS,GAAG;;AAE5C,WAAO,aAAa;KACpB,CAGA,QAAO,SAAS,KAAK,KAAK;;AAI9B,SAAO;IAET;EAAC;EAAQ;EAAS;EAAQ,CAC3B;CAED,MAAM,gBAAgB,aAAa,SAAmC;AACpE,MAAI,KAAK,KAAK,WAAW,SAAS,CAChC,QAAO,IAAI,gBAAgB,KAAK;IAGjC,EAAE,CAAC;CAEN,MAAM,mBAAmB,aAAa,SAAuB;AAC3D,SAAO,GAAG,KAAK,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,UAAU,GAAG,EAAE;IAC9E,EAAE,CAAC;CAEN,MAAM,mBAAmB,YACvB,OAAO,mBAA4D;AACjE,MAAI,CAAC,OACH,QAAO;GACL,GAAG;GACH,QAAQ;GACR,OAAO;GACR;EAGH,MAAM,OAAO,eAAe;AAC5B,MAAI,EAAE,gBAAgB,MAEpB,QAAO;GAAE,GAAG;GAAgB,QAAQ;GAAY,UAAU;GAAK;EAGjE,MAAM,kBAAkB,IAAI,iBAAiB;AAC7C,sBAAoB,QAAQ,IAAI,eAAe,IAAI,gBAAgB;AAEnE,MAAI;AAEF,kBAAe,SACb,KAAK,KAAK,MACR,EAAE,OAAO,eAAe,KACpB;IAAE,GAAG;IAAG,QAAQ;IAAsB,UAAU;IAAG,GACnD,EACL,CACF;GAGD,MAAM,EAAE,QAAQ,iBAAiB,OAAO,mBACtC,MAAM,OAAO,gBAAgB;IAC3B,UAAU,KAAK;IACf,aAAa,KAAK;IAClB,MAAM,KAAK;IACX,QAAQ,gBAAgB;IACzB,CAAC;AAEJ,OAAI,kBAAkB,CAAC,gBACrB,OAAM,kCAAkB,IAAI,MAAM,8BAA8B;AAIlE,kBAAe,SACb,KAAK,KAAK,MACR,EAAE,OAAO,eAAe,KAAK;IAAE,GAAG;IAAG,UAAU;IAAI,GAAG,EACvD,CACF;GAGD,MAAM,EAAE,QAAQ,cAAc,OAAO,gBACnC,MAAM,OAAO,WACX,gBAAgB,KAChB,MACA,kBACC,aAAa;IAEZ,MAAM,iBAAiB,KAAK,IAAI,KAAK,WAAW,KAAM,GAAG;AACzD,mBAAe,SACb,KAAK,KAAK,MACR,EAAE,OAAO,eAAe,KACpB;KAAE,GAAG;KAAG,UAAU,KAAK,MAAM,eAAe;KAAE,GAC9C,EACL,CACF;MAEH,gBAAgB,OACjB;AAEH,OAAI,YACF,OAAM;AAGR,OAAI,CAAC,cAAc,IACjB,OAAM,IAAI,MAAM,qCAAqC;AAIvD,kBAAe,SACb,KAAK,KAAK,MACR,EAAE,OAAO,eAAe,KAAK;IAAE,GAAG;IAAG,UAAU;IAAK,GAAG,EACxD,CACF;AAGD,SAAM,IAAI,SAAS,YAAY,WAAW,SAAS,IAAI,CAAC;GAExD,MAAMC,eAA+B;IACnC,GAAG;IACH,QAAQ;IACR,UAAU;IACV,aAAa,aAAa;IAC3B;AAED,kBAAe,SACb,KAAK,KAAK,MAAO,EAAE,OAAO,eAAe,KAAK,eAAe,EAAG,CACjE;AAED,UAAO,mBAAmB,aAAa;AAEvC,UAAO;WACA,OAAO;AAMd,OAHE,iBAAiB,UAChB,MAAM,SAAS,gBAAgB,gBAAgB,OAAO,SASvD,QALsC;IACpC,GAAG;IACH,QAAQ;IACR,UAAU;IACX;GAIH,MAAM,eAAe,oBAAoB,MAAM;GAC/C,MAAMC,aAA6B;IACjC,GAAG;IACH,QAAQ;IACR,OAAO;IACR;AAED,kBAAe,SACb,KAAK,KAAK,MAAO,EAAE,OAAO,eAAe,KAAK,aAAa,EAAG,CAC/D;AAED,UAAO,gBAAgB,YAAY,MAAM;AAEzC,UAAO;YACC;AACR,uBAAoB,QAAQ,OAAO,eAAe,GAAG;;IAGzD,CAAC,OAAO,CACT;CAED,MAAM,cAAc,YAClB,OAAO,kBAAgE;EACrE,MAAM,cACJ,iBAAiB,MAAM,QAAQ,MAAM,EAAE,WAAW,OAAO;AAE3D,MAAI,YAAY,WAAW,EAAG,QAAO,EAAE;AAEvC,iBAAe,KAAK;EACpB,MAAMC,UAA4B,EAAE;AAEpC,OAAK,MAAM,QAAQ,aAAa;GAC9B,MAAM,SAAS,MAAM,iBAAiB,KAAK;AAC3C,WAAQ,KAAK,OAAO;;AAGtB,iBAAe,MAAM;AACrB,UAAQ,uBAAuB,QAAQ;AAEvC,SAAO;IAET;EAAC;EAAO;EAAkB;EAAO,CAClC;CAED,MAAM,WAAW,aACd,aAAgC;AAC/B,MAAI,CAAC,YAAY,SAAS,WAAW,EAAG;EAExC,MAAM,gBAAgB,MAAM,KAAK,SAAS;EAC1C,MAAMC,YAAsB,EAAE;AAG9B,YAAU,EAAE,CAAC;AAGb,MAAI,CAAC,SACH,gBAAe,SAAS;AACtB,QAAK,MAAM,QAAQ,KACjB,KAAI,KAAK,WAAW,KAAK,gBAAgB,KACvC,KAAI,gBAAgB,KAAK,QAAQ;AAGrC,UAAO,EAAE;IACT;AAIJ,MACE,YACA,aAAa,OAAO,qBACpB,MAAM,SAAS,cAAc,SAAS,UACtC;AACA,aAAU,KAAK,oCAAoC,SAAS,SAAS;AACrE,aAAU,UAAU;AACpB;;EAGF,MAAMC,aAA+B,EAAE;AAEvC,OAAK,MAAM,QAAQ,eAAe;AAEhC,OAAI,UAMF;QALoB,MAAM,MACvB,iBACC,aAAa,KAAK,SAAS,KAAK,QAChC,aAAa,KAAK,SAAS,KAAK,KACnC,CACgB;;GAGnB,MAAM,QAAQ,aAAa,KAAK;AAChC,OAAI,OAAO;AACT,cAAU,KAAK,MAAM;AACrB;;AAGF,cAAW,KAAK;IACd;IACA,IAAI,iBAAiB,KAAK;IAC1B,SAAS,cAAc,KAAK;IAC5B,UAAU;IACV,QAAQ;IACT,CAAC;;AAGJ,MAAI,WAAW,SAAS,GAAG;AAEzB,OAAI,UACF,MAAK,MAAM,QAAQ,WACjB,WAAU,KAAK;AAInB,kBAAe,SAAS;IACtB,MAAM,eAAe,CAAC,WAAW,aAAa,CAAC,GAAG,MAAM,GAAG,WAAW;AACtE,oBAAgB,aAAa;AAC7B,WAAO;KACP;AAGF,OAAI,cAAc,OAEhB,kBAAiB;AACf,gBAAY,WAAW;MACtB,EAAE;;AAIT,MAAI,UAAU,SAAS,EACrB,WAAU,UAAU;AAItB,MAAI,SAAS,QACX,UAAS,QAAQ,QAAQ;IAG7B;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CAED,MAAM,aAAa,aAChB,OAAe;EAEd,MAAM,aAAa,oBAAoB,QAAQ,IAAI,GAAG;AACtD,MAAI,YAAY;AACd,cAAW,OAAO;AAClB,uBAAoB,QAAQ,OAAO,GAAG;;AAGxC,iBAAe,SAAS;GACtB,MAAM,eAAe,KAAK,MAAM,SAAS,KAAK,OAAO,GAAG;AACxD,OAAI,cAAc;AAEhB,mBAAe,aAAa;AAE5B,QAAI,aAAa,WAAW,aAAa,gBAAgB,KACvD,KAAI,gBAAgB,aAAa,QAAQ;;GAI7C,MAAM,WAAW,KAAK,QAAQ,SAAS,KAAK,OAAO,GAAG;AACtD,mBAAgB,SAAS;AACzB,UAAO;IACP;IAEJ,CAAC,eAAe,aAAa,CAC9B;CAED,MAAM,aAAa,kBAAkB;AACnC,oBAAkB;AAElB,iBAAe,SAAS;AACtB,QAAK,MAAM,QAAQ,MAAM;AAEvB,mBAAe,KAAK;AAEpB,QAAI,KAAK,WAAW,KAAK,gBAAgB,KACvC,KAAI,gBAAgB,KAAK,QAAQ;;AAGrC,UAAO,EAAE;IACT;AAEF,MAAI,SAAS,QACX,UAAS,QAAQ,QAAQ;AAG3B,YAAU,EAAE,CAAC;AACb,kBAAgB,EAAE,CAAC;IAClB;EAAC;EAAkB;EAAe;EAAa,CAAC;CAEnD,MAAM,cAAc,kBAAkB;AACpC,YAAU,EAAE,CAAC;IACZ,EAAE,CAAC;CAEN,MAAM,QAAQ,aACX,aAA8B;AAC7B,oBAAkB;AAGlB,OAAK,MAAM,QAAQ,MACjB,KAAI,KAAK,WAAW,KAAK,gBAAgB,KACvC,KAAI,gBAAgB,KAAK,QAAQ;AAKrC,MAAI,SAAS,QACX,UAAS,QAAQ,QAAQ;AAI3B,YAAU,EAAE,CAAC;EAGb,MAAMC,oBAAsC,YAAY,EAAE,EAAE,KACzD,UAAU;GACT;GACA,IAAI,KAAK;GACT,SAAS,KAAK;GACd,UAAU;GACV,QAAQ;GACR,aAAa,KAAK;GACnB,EACF;AAED,gBAAc,iBAAiB;AAC/B,kBAAgB,iBAAiB;AAGjC,kBAAgB,SAAS,OAAO,EAAE;IAEpC;EAAC;EAAkB;EAAO;EAAc,CACzC;CAED,MAAM,WAAW,aAEb,aAGG;AACH,iBAAe,SAAS;GACtB,MAAM,YACJ,OAAO,aAAa,aAAa,SAAS,KAAK,GAAG;AACpD,mBAAgB,UAAU;AAC1B,UAAO;IACP;IAEJ,CAAC,cAAc,CAChB;CAED,MAAM,cAAc,YAClB,OAAO,OAAe;EACpB,MAAM,OAAO,MAAM,MAAM,MAAM,EAAE,OAAO,GAAG;AAC3C,MAAI,QAAQ,KAAK,WAAW,SAAS;AACnC,kBAAe,SACb,KAAK,KAAK,MACR,EAAE,OAAO,KACL;IAAE,GAAG;IAAG,QAAQ;IAAiB,OAAO;IAAW,GACnD,EACL,CACF;AACD,SAAM,iBAAiB;IAAE,GAAG;IAAM,QAAQ;IAAQ,OAAO;IAAW,CAAC;;IAGzE,CAAC,OAAO,iBAAiB,CAC1B;CAED,MAAM,eAAe,aAAa,OAAe;EAC/C,MAAM,aAAa,oBAAoB,QAAQ,IAAI,GAAG;AACtD,MAAI,YAAY;AACd,cAAW,OAAO;AAClB,uBAAoB,QAAQ,OAAO,GAAG;;AAGxC,iBAAe,SACb,KAAK,KAAK,MACR,EAAE,OAAO,KAAK;GAAE,GAAG;GAAG,QAAQ;GAAiB,UAAU;GAAG,GAAG,EAChE,CACF;IACA,EAAE,CAAC;CAEN,MAAM,kBAAkB,aAAa,MAA8B;AACjE,IAAE,gBAAgB;AAClB,IAAE,iBAAiB;AACnB,gBAAc,KAAK;IAClB,EAAE,CAAC;CAEN,MAAM,kBAAkB,aAAa,MAA8B;AACjE,IAAE,gBAAgB;AAClB,IAAE,iBAAiB;AACnB,MAAI,EAAE,cAAc,SAAS,EAAE,cAAsB,CAAE;AACvD,gBAAc,MAAM;IACnB,EAAE,CAAC;CAEN,MAAM,iBAAiB,aAAa,MAA8B;AAChE,IAAE,gBAAgB;AAClB,IAAE,iBAAiB;IAClB,EAAE,CAAC;CAEN,MAAM,aAAa,aAChB,MAA8B;AAC7B,IAAE,gBAAgB;AAClB,IAAE,iBAAiB;AACnB,gBAAc,MAAM;AAEpB,MAAI,SAAS,SAAS,SAAU;AAEhC,MAAI,EAAE,aAAa,OAAO,SAAS,EACjC,KAAI,CAAC,SACH,UAAS,CAAC,EAAE,aAAa,MAAM,GAAG,CAAC;MAEnC,UAAS,EAAE,aAAa,MAAM;IAIpC,CAAC,UAAU,SAAS,CACrB;CAED,MAAM,mBAAmB,aACtB,MAAqC;AACpC,MAAI,EAAE,OAAO,OAAO,OAClB,UAAS,EAAE,OAAO,MAAM;IAG5B,CAAC,SAAS,CACX;AAmBD,QAAO;EAEL;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA,gBA9CqB,kBAAkB;AACvC,YAAS,SAAS,OAAO;KACxB,EAAE,CAAC;EA6CJ,eA3CoB,aACnB,QAA+C,EAAE,MAAM;GACtD,GAAG;GACH,QAAQ,MAAM,UAAU;GACxB,UAAU,MAAM,aAAa,SAAY,MAAM,WAAW;GAC1D,UAAU;GAEV,KAAK;GACL,MAAM;GACP,GACD;GAAC;GAAQ;GAAU;GAAiB,CACrC;EAiCA;;;;;ACtzBH,MAAM,oBAAoB;AAE1B,SAAgB,cAAc;CAC5B,MAAM,CAAC,UAAU,eAAeC,QAAM,SACpC,OACD;AAED,SAAM,gBAAgB;EACpB,MAAM,MAAM,OAAO,WAAW,eAAe,oBAAoB,EAAE,KAAK;EACxE,MAAM,iBAAiB;AACrB,eAAY,OAAO,aAAa,kBAAkB;;AAEpD,MAAI,iBAAiB,UAAU,SAAS;AACxC,cAAY,OAAO,aAAa,kBAAkB;AAClD,eAAa,IAAI,oBAAoB,UAAU,SAAS;IACvD,EAAE,CAAC;AAEN,QAAO,CAAC,CAAC"}

package/package.json

@@ -0,0 +1,89 @@
+{
+  "name": "@px-ui/ui",
+  "version": "0.1.0",
+  "description": "A modern React component library built with Tailwind CSS and shadcn/ui",
+  "type": "module",
+  "module": "./dist/index.js",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./styles.css": "./dist/index.css",
+    "./fonts.css": "./dist/assets/fonts.css"
+  },
+  "scripts": {
+    "lint": "eslint src --ext .ts,.tsx",
+    "build": "tsdown",
+    "dev": "tsdown --watch",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "pnpm run build"
+  },
+  "keywords": [
+    "react",
+    "components",
+    "ui",
+    "tailwind",
+    "design-system",
+    "shadcn"
+  ],
+  "author": "",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Pros-Perix/px-ui.git",
+    "directory": "packages/ui"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "@tanstack/react-query": ">=5.0.0",
+    "date-fns": ">2.0.0",
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "peerDependenciesMeta": {
+    "@tanstack/react-query": {
+      "optional": true
+    },
+    "date-fns": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@base-ui/react": "^1.5.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^1.16.0",
+    "shadcn": "^4.7.0",
+    "tailwind-merge": "^3.6.0",
+    "tw-animate-css": "^1.4.0",
+    "zod": "^3.25.76"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.2",
+    "@tanstack/react-query": "^5.90.1",
+    "@tsconfig/strictest": "^2.0.8",
+    "@types/node": "^25.1.0",
+    "@types/react": "^19.2.10",
+    "@types/react-dom": "^19.2.3",
+    "date-fns": "^4.1.0",
+    "eslint": "^9.39.2",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "globals": "^17.2.0",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
+    "tailwindcss": "^4.1.18",
+    "tsdown": "^0.16.4",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.54.0"
+  }
+}