@vitnode/core 0.0.1-canary.0

package/dist/src/components/form/fields/file-shared.d.ts

@@ -0,0 +1,59 @@
+import React from "react";
+import type { FileRejectionReason } from "../../../lib/file-constraints";
+export interface AutoFormFileValue {
+    height?: number;
+    id: number;
+    mimeType?: null | string;
+    name: string;
+    size: number;
+    url: string;
+    width?: number;
+}
+export declare const fileRejectionReasonOf: (error: unknown) => FileRejectionReason | undefined;
+export declare const isImageFile: (file: AutoFormFileValue) => boolean;
+export interface ResolvedFormFile {
+    file: AutoFormFileValue | null;
+    id: number;
+}
+export declare const fileIdsOfFormValue: (value: unknown) => number[];
+export declare const resolveFormFiles: (value: unknown, known: readonly (AutoFormFileValue | null | undefined)[]) => ResolvedFormFile[];
+export declare const useUploadFailureMessage: () => ((args: {
+    attempted: File | undefined;
+    error: unknown;
+    formats: readonly string[];
+    maxBytes: number;
+}) => null | string);
+export declare const FileConstraintsLine: ({ allowedExtensions, allowedMimeTypes, count, maxBytes, }: {
+    allowedExtensions?: readonly string[];
+    allowedMimeTypes?: readonly string[];
+    count?: {
+        max: number;
+        used: number;
+    };
+    maxBytes: number;
+}) => React.JSX.Element;
+export declare const FileDropzone: ({ accept, disabled, disabledLabel, multiple, onPick, pending, promptLabel, state, }: {
+    accept?: string;
+    disabled?: boolean;
+    disabledLabel?: string;
+    multiple?: boolean;
+    onPick: (files: File[]) => void;
+    pending: boolean;
+    promptLabel: string;
+    state: "done" | "error" | "idle" | "uploading";
+}) => React.JSX.Element;
+export declare const FileCard: ({ children, file, leading, state, }: {
+    children?: React.ReactNode;
+    file: AutoFormFileValue;
+    leading?: React.ReactNode;
+    state?: "done" | "error" | "idle" | "uploading";
+}) => React.JSX.Element;
+export declare const FileCardSkeleton: ({ leading, name, size, }: {
+    leading?: React.ReactNode;
+    name: string;
+    size: number;
+}) => React.JSX.Element;
+export declare const FileError: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+//# sourceMappingURL=file-shared.d.ts.map

package/dist/src/components/form/fields/file-shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-shared.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/file-shared.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAsClE,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AASD,eAAO,MAAM,qBAAqB,GAChC,OAAO,OAAO,KACb,mBAAmB,GAAG,SAMxB,CAAC;AAaF,eAAO,MAAM,WAAW,GAAI,MAAM,iBAAiB,KAAG,OACS,CAAC;AAGhE,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC/B,EAAE,EAAE,MAAM,CAAC;CACZ;AAeD,eAAO,MAAM,kBAAkB,GAAI,OAAO,OAAO,KAAG,MAAM,EAQzD,CAAC;AA0BF,eAAO,MAAM,gBAAgB,GAC3B,OAAO,OAAO,EACd,OAAO,SAAS,CAAC,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,KACvD,gBAAgB,EAWlB,CAAC;AAiBF,eAAO,MAAM,uBAAuB,QAAO,CAAC,CAAC,IAAI,EAAE;IACjD,SAAS,EAAE,IAAI,GAAG,SAAS,CAAC;IAC5B,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;CAClB,KAAK,IAAI,GAAG,MAAM,CA6BlB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,2DAKjC;IACD,iBAAiB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACtC,gBAAgB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACrC,KAAK,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACtC,QAAQ,EAAE,MAAM,CAAC;CAClB,sBAqBA,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,qFAS1B;IACD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,WAAW,CAAC;CAChD,sBA8EA,CAAC;AAWF,eAAO,MAAM,QAAQ,GAAI,qCAKtB;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,EAAE,iBAAiB,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,WAAW,CAAC;CACjD,sBAcA,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,0BAI9B;IACD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,sBAoBA,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,cAAc;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,sBASpE,CAAC"}

package/dist/src/components/form/fields/file-shared.js

@@ -0,0 +1 @@
+"use client";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{FileIcon,LoaderCircleIcon,TriangleAlertIcon,UploadIcon}from"lucide-react";import React from"react";import{useTranslations}from"use-intl";import{Attachment,AttachmentActions,AttachmentContent,AttachmentDescription,AttachmentMedia,AttachmentTitle}from"../../ui/attachment.js";import{Button}from"../../ui/button.js";import{Skeleton}from"../../ui/skeleton.js";import{Spinner}from"../../ui/spinner.js";import{fileFormatLabels}from"../../../lib/file-constraints.js";import{formatBytes}from"../../../lib/format-bytes.js";import{cn}from"../../../lib/utils.js";export const fileRejectionReasonOf=error=>{const reason=error?.reason;return reason==="extension"||reason==="mimeType"||reason==="size"?reason:undefined};export const isImageFile=file=>file.url!==""&&(file.mimeType??"").startsWith("image/");const asFileId=value=>typeof value==="number"&&Number.isInteger(value)&&value>0?value:null;export const fileIdsOfFormValue=value=>{if(Array.isArray(value)){return value.map(asFileId).filter(id=>id!==null)}const id=asFileId(value);return id===null?[]:[id]};export const resolveFormFiles=(value,known)=>{const byId=new Map(known.filter(file=>!!file).map(file=>[file.id,file]));return fileIdsOfFormValue(value).map(id=>({file:byId.get(id)??null,id}))};export const useUploadFailureMessage=()=>{const t=useTranslations("core.global.file");return React.useCallback(({attempted,error,formats,maxBytes})=>{if(!(error instanceof Error))return null;const reason=fileRejectionReasonOf(error);if(reason==="size"&&attempted){return t("errors.too_large",{max:formatBytes(maxBytes),size:formatBytes(attempted.size)})}if(reason!==undefined&&attempted){return t("errors.wrong_format",{formats:formats.join(", "),value:reason==="mimeType"&&attempted.type!==""?attempted.type:attempted.name})}return error.message},[t])};export const FileConstraintsLine=({allowedExtensions,allowedMimeTypes,count,maxBytes})=>{const t=useTranslations("core.global.file");const formats=fileFormatLabels({allowedExtensions,allowedMimeTypes,maxBytes});return _jsxs("div",{className:"text-muted-foreground flex flex-col gap-0.5 text-xs",children:[_jsx("span",{"data-slot":"file-formats",children:formats.length>0?formats.join(", "):t("any_format")}),_jsxs("span",{"data-slot":"file-max-size",children:[t("max_size",{size:formatBytes(maxBytes)}),count?` \xb7 ${t("count",{max:count.max,used:count.used})}`:null]})]})};export const FileDropzone=({accept,disabled,disabledLabel,multiple=false,onPick,pending,promptLabel,state})=>{const t=useTranslations("core.global.file");const inputRef=React.useRef(null);const[isDragging,setIsDragging]=React.useState(false);const pick=list=>{if(disabled)return;const files=[...list??[]];if(files.length>0)onPick(files)};return _jsxs("div",{className:cn("border-input flex flex-col items-center justify-center gap-2 rounded-xl border border-dashed p-6 text-center transition-colors",isDragging&&"border-primary bg-primary/5",state==="error"&&"border-destructive/40",disabled&&"opacity-60"),"data-slot":"file-dropzone",onDragLeave:event=>{event.preventDefault();setIsDragging(false)},onDragOver:event=>{event.preventDefault();if(!disabled)setIsDragging(true)},onDrop:event=>{event.preventDefault();setIsDragging(false);pick(event.dataTransfer.files)},children:[_jsx("input",{accept:accept,className:"hidden",disabled:disabled,multiple:multiple,onChange:event=>{pick(event.target.files);event.target.value=""},ref:inputRef,tabIndex:-1,type:"file"}),pending?_jsxs(_Fragment,{children:[_jsx(LoaderCircleIcon,{"aria-hidden":true,className:"text-muted-foreground size-5 animate-spin"}),_jsx("span",{className:"text-muted-foreground text-sm",children:t("uploading")})]}):_jsxs(_Fragment,{children:[_jsx(UploadIcon,{"aria-hidden":true,className:"text-muted-foreground size-5"}),_jsx("span",{className:"text-muted-foreground text-sm",children:disabled?disabledLabel:promptLabel}),_jsx(Button,{disabled:disabled,onClick:()=>inputRef.current?.click(),size:"sm",type:"button",variant:"outline",children:t(multiple?"choose_many":"choose")})]})]})};const FileCardLeading=({children})=>_jsx("div",{className:"flex shrink-0 items-center self-center","data-slot":"attachment-leading",children:children});export const FileCard=({children,file,leading,state="done"})=>_jsxs(Attachment,{className:"w-full",state:state,children:[!!leading&&_jsx(FileCardLeading,{children:leading}),_jsx(AttachmentMedia,{variant:isImageFile(file)?"image":"icon",children:isImageFile(file)?_jsx("img",{alt:"",src:file.url}):_jsx(FileIcon,{})}),_jsxs(AttachmentContent,{children:[_jsx(AttachmentTitle,{children:file.name}),file.size>0&&_jsx(AttachmentDescription,{children:formatBytes(file.size)})]}),!!children&&_jsx(AttachmentActions,{children:children})]});export const FileCardSkeleton=({leading,name,size})=>{const t=useTranslations("core.global.file");return _jsxs(Attachment,{className:"w-full",state:"uploading",children:[!!leading&&_jsx(FileCardLeading,{children:leading}),_jsx(AttachmentMedia,{variant:"image",children:_jsx(Skeleton,{className:"size-full rounded-none"})}),_jsxs(AttachmentContent,{children:[_jsx(AttachmentTitle,{children:name}),_jsxs(AttachmentDescription,{children:[t("uploading")," · ",formatBytes(size)]})]}),_jsx(AttachmentActions,{children:_jsx(Spinner,{"aria-label":t("uploading"),className:"mx-1.5"})})]})};export const FileError=({children})=>_jsxs("p",{className:"text-destructive flex items-start gap-1.5 text-sm","data-slot":"file-error",role:"alert",children:[_jsx(TriangleAlertIcon,{"aria-hidden":true,className:"mt-0.5 size-4 shrink-0"}),_jsx("span",{children:children})]});

package/dist/src/components/form/fields/file-upload-queue.d.ts

@@ -0,0 +1,28 @@
+import type { FileUploadAnchor, PlacedFileUpload, QueuedFileUpload } from "./file-order";
+import type { AutoFormFileValue } from "./file-shared";
+export declare const FILE_UPLOAD_CONCURRENCY = 6;
+export interface FileUploadQueueState {
+    anchorId: FileUploadAnchor;
+    pending: QueuedFileUpload[];
+    placed: PlacedFileUpload[];
+}
+export declare const EMPTY_FILE_UPLOAD_QUEUE_STATE: FileUploadQueueState;
+export interface FileUploadQueue {
+    enqueue: (files: readonly File[]) => void;
+    readonly inFlight: number;
+    readonly state: FileUploadQueueState;
+}
+export interface FileUploadQueueOptions {
+    concurrency?: number;
+    ids: () => readonly number[];
+    onChange: (ids: number[]) => void;
+    onSettled: (result: {
+        error?: unknown;
+        file: File;
+        stored?: AutoFormFileValue;
+    }) => void;
+    onStateChange: (state: FileUploadQueueState) => void;
+    upload: (file: File) => Promise<AutoFormFileValue>;
+}
+export declare const createFileUploadQueue: ({ concurrency, ids, onChange, onSettled, onStateChange, upload, }: FileUploadQueueOptions) => FileUploadQueue;
+//# sourceMappingURL=file-upload-queue.d.ts.map

package/dist/src/components/form/fields/file-upload-queue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload-queue.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/file-upload-queue.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAcvD,eAAO,MAAM,uBAAuB,IAAI,CAAC;AASzC,MAAM,WAAW,oBAAoB;IAEnC,QAAQ,EAAE,gBAAgB,CAAC;IAE3B,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAE5B,MAAM,EAAE,gBAAgB,EAAE,CAAC;CAC5B;AAGD,eAAO,MAAM,6BAA6B,EAAE,oBAI3C,CAAC;AAEF,MAAM,WAAW,eAAe;IAE9B,OAAO,EAAE,CAAC,KAAK,EAAE,SAAS,IAAI,EAAE,KAAK,IAAI,CAAC;IAE1C,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,KAAK,EAAE,oBAAoB,CAAC;CACtC;AAED,MAAM,WAAW,sBAAsB;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,GAAG,EAAE,MAAM,SAAS,MAAM,EAAE,CAAC;IAE7B,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAQlC,SAAS,EAAE,CAAC,MAAM,EAAE;QAClB,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,IAAI,EAAE,IAAI,CAAC;QACX,MAAM,CAAC,EAAE,iBAAiB,CAAC;KAC5B,KAAK,IAAI,CAAC;IAEX,aAAa,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAErD,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,iBAAiB,CAAC,CAAC;CACpD;AA8BD,eAAO,MAAM,qBAAqB,GAAI,mEAOnC,sBAAsB,KAAG,eAsF3B,CAAC"}

package/dist/src/components/form/fields/file-upload-queue.js

@@ -0,0 +1 @@
+import{createTaskPool}from"../../../lib/task-pool.js";import{placeUploadedFile}from"./file-order.js";export const FILE_UPLOAD_CONCURRENCY=6;export const EMPTY_FILE_UPLOAD_QUEUE_STATE={anchorId:null,pending:[],placed:[]};export const createFileUploadQueue=({concurrency=FILE_UPLOAD_CONCURRENCY,ids,onChange,onSettled,onStateChange,upload})=>{const pool=createTaskPool(concurrency);let state=EMPTY_FILE_UPLOAD_QUEUE_STATE;let active=0;let nextOrder=0;const setState=next=>{state=next;onStateChange(state)};const place=(order,stored)=>{const current=ids();const next=placeUploadedFile({anchorId:state.anchorId,id:stored.id,ids:current,order,placed:state.placed});setState({...state,placed:[...state.placed,{id:stored.id,order}]});if(!current.includes(stored.id))onChange(next)};const run=async(file,order)=>{try{const stored=await upload(file);onSettled({file,stored});place(order,stored)}catch(error){onSettled({error,file})}finally{active-=1;setState({...state,pending:state.pending.filter(entry=>entry.order!==order),...active===0?{anchorId:null,placed:[]}:{}})}};return{enqueue:files=>{const chosen=[...files];if(chosen.length===0)return;const isNewRun=active===0;const slots=chosen.map(file=>({file,order:nextOrder++}));active+=slots.length;setState({anchorId:isNewRun?ids().at(-1)??null:state.anchorId,pending:[...state.pending,...slots.map(({file,order})=>({name:file.name,order,size:file.size}))],placed:isNewRun?[]:state.placed});for(const{file,order}of slots){pool.add(async()=>{await run(file,order)})}},get inFlight(){return pool.inFlight},get state(){return state}}};

package/dist/src/components/form/fields/file.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import type { ItemAutoFormComponentProps } from "../auto-form";
+import type { AutoFormFileValue } from "./file-shared";
+export type { AutoFormFileValue } from "./file-shared";
+export interface AutoFormFileProps extends ItemAutoFormComponentProps {
+    allowedExtensions?: readonly string[];
+    allowedMimeTypes?: readonly string[];
+    file?: AutoFormFileValue | null;
+    label?: React.ReactNode;
+    maxBytes: number;
+    onUpload: (file: File) => Promise<AutoFormFileValue>;
+}
+export declare const AutoFormFile: ({ allowedExtensions, allowedMimeTypes, description, field, file: initialFile, label, labelRight, maxBytes, onUpload, otherProps: { isOptional }, multiLang, itemParams, }: AutoFormFileProps) => React.JSX.Element;
+//# sourceMappingURL=file.d.ts.map

package/dist/src/components/form/fields/file.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/file.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAavD,YAAY,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEvD,MAAM,WAAW,iBAAkB,SAAQ,0BAA0B;IACnE,iBAAiB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACtC,gBAAgB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACrC,IAAI,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAChC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,iBAAiB,CAAC,CAAC;CACtD;AAED,eAAO,MAAM,YAAY,GAAI,2KAiB1B,iBAAiB,sBA6HnB,CAAC"}

package/dist/src/components/form/fields/file.js

@@ -0,0 +1 @@
+"use client";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{useMutation}from"@tanstack/react-query";import{RotateCcwIcon,XIcon}from"lucide-react";import React from"react";import{useTranslations}from"use-intl";import{AttachmentAction}from"../../ui/attachment.js";import{FormControl,FormMessage}from"../../ui/form.js";import{fileAcceptAttribute,fileFormatLabels,validateFile}from"../../../lib/file-constraints.js";import{formatBytes}from"../../../lib/format-bytes.js";import{AutoFormDesc}from"../common/desc.js";import{AutoFormLabel}from"../common/label.js";import{FileCard,FileConstraintsLine,FileDropzone,FileError,resolveFormFiles,useUploadFailureMessage}from"./file-shared.js";export const AutoFormFile=({allowedExtensions,allowedMimeTypes,description,field,file:initialFile,label,labelRight,maxBytes,onUpload,otherProps:{isOptional},multiLang,itemParams})=>{const t=useTranslations("core.global.file");const failureMessage=useUploadFailureMessage();const[rejected,setRejected]=React.useState(null);const[uploaded,setUploaded]=React.useState([]);const[resolved]=resolveFormFiles(field.value,[initialFile,...uploaded]);const file=resolved?.file??null;const constraints={allowedExtensions,allowedMimeTypes,maxBytes};const formats=fileFormatLabels(constraints);const accept=fileAcceptAttribute(constraints);const upload=useMutation({mutationFn:onUpload,retry:false,onSuccess:stored=>{setUploaded(current=>[...current,stored]);setRejected(null);field.onChange(stored.id)}});const errorMessage=rejected??failureMessage({attempted:upload.variables,error:upload.error,formats,maxBytes});const pick=chosen=>{if(!chosen)return;const rejection=validateFile(constraints,{mimeType:chosen.type,name:chosen.name,size:chosen.size});if(rejection){upload.reset();setRejected(rejection.reason==="size"?t("errors.too_large",{max:formatBytes(maxBytes),size:rejection.value}):t("errors.wrong_format",{formats:formats.join(", "),value:rejection.value}));return}setRejected(null);upload.mutate(chosen)};const remove=()=>{upload.reset();setRejected(null);field.onChange(null)};const state=upload.isPending?"uploading":errorMessage!==null?"error":resolved?"done":"idle";return _jsxs(_Fragment,{children:[!!label&&_jsx(AutoFormLabel,{isOptional:isOptional,labelRight:labelRight,children:label}),_jsx(FileConstraintsLine,{allowedExtensions:allowedExtensions,allowedMimeTypes:allowedMimeTypes,maxBytes:maxBytes}),_jsx(FormControl,{children:_jsxs("div",{className:"flex flex-col gap-2",children:[resolved&&!upload.isPending?_jsxs(FileCard,{file:file??{id:resolved.id,name:t("stored"),size:0,url:""},state:state,children:[_jsx(ReplaceAction,{accept:accept,onPick:pick}),_jsx(AttachmentAction,{"aria-label":t("remove"),onClick:remove,type:"button",children:_jsx(XIcon,{})})]}):_jsx(FileDropzone,{accept:accept,onPick:files=>pick(files[0]),pending:upload.isPending,promptLabel:t("drop"),state:state}),errorMessage!==null&&_jsx(FileError,{children:errorMessage})]})}),!!description&&_jsx(AutoFormDesc,{children:description}),_jsx(FormMessage,{})]})};const ReplaceAction=({accept,onPick})=>{const t=useTranslations("core.global.file");const inputRef=React.useRef(null);return _jsxs(_Fragment,{children:[_jsx("input",{accept:accept,className:"hidden",onChange:event=>{onPick(event.target.files?.[0]);event.target.value=""},ref:inputRef,tabIndex:-1,type:"file"}),_jsx(AttachmentAction,{"aria-label":t("replace"),onClick:()=>inputRef.current?.click(),type:"button",children:_jsx(RotateCcwIcon,{})})]})};

package/dist/src/components/form/fields/files.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import type { ItemAutoFormComponentProps } from "../auto-form";
+import type { AutoFormFileValue } from "./file-shared";
+export interface AutoFormFilesProps extends ItemAutoFormComponentProps {
+    allowedExtensions?: readonly string[];
+    allowedMimeTypes?: readonly string[];
+    files?: AutoFormFileValue[];
+    label?: React.ReactNode;
+    maxBytes: number;
+    maxItems: number;
+    minItems?: number;
+    onUpload: (file: File) => Promise<AutoFormFileValue>;
+    ordered?: boolean;
+}
+export declare const AutoFormFiles: ({ allowedExtensions, allowedMimeTypes, description, field, files: initialFiles, label, labelRight, maxBytes, maxItems, minItems, onUpload, ordered, otherProps: { isOptional }, multiLang, itemParams, }: AutoFormFilesProps) => React.JSX.Element;
+//# sourceMappingURL=files.d.ts.map

package/dist/src/components/form/fields/files.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"files.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/files.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAE/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAmBvD,MAAM,WAAW,kBAAmB,SAAQ,0BAA0B;IACpE,iBAAiB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACtC,gBAAgB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACrC,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,aAAa,GAAI,0MAoB3B,kBAAkB,sBAyNpB,CAAC"}

package/dist/src/components/form/fields/files.js

@@ -0,0 +1 @@
+"use client";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{useMutation}from"@tanstack/react-query";import React from"react";import{useTranslations}from"use-intl";import{FormControl,FormMessage}from"../../ui/form.js";import{fileAcceptAttribute,fileFormatLabels,validateFile}from"../../../lib/file-constraints.js";import{formatBytes}from"../../../lib/format-bytes.js";import{AutoFormDesc}from"../common/desc.js";import{AutoFormLabel}from"../common/label.js";import{FileGallery}from"./file-gallery.js";import{planFileGallery,removeFileId}from"./file-order.js";import{FileConstraintsLine,FileDropzone,FileError,resolveFormFiles,useUploadFailureMessage}from"./file-shared.js";import{createFileUploadQueue,EMPTY_FILE_UPLOAD_QUEUE_STATE}from"./file-upload-queue.js";export const AutoFormFiles=({allowedExtensions,allowedMimeTypes,description,field,files:initialFiles,label,labelRight,maxBytes,maxItems,minItems=0,onUpload,ordered=true,otherProps:{isOptional},multiLang,itemParams})=>{const t=useTranslations("core.global.file");const failureMessage=useUploadFailureMessage();const[queued,setQueued]=React.useState(EMPTY_FILE_UPLOAD_QUEUE_STATE);const[rejections,setRejections]=React.useState([]);const[uploaded,setUploaded]=React.useState([]);const constraints={allowedExtensions,allowedMimeTypes,maxBytes};const formats=fileFormatLabels(constraints);const accept=fileAcceptAttribute(constraints);const resolved=resolveFormFiles(field.value,[...initialFiles??[],...uploaded]);const ids=resolved.map(entry=>entry.id);const idsRef=React.useRef([]);React.useEffect(()=>{idsRef.current=ids});const commit=next=>{idsRef.current=[...next];field.onChange([...next])};const upload=useMutation({mutationFn:async file=>await onUpload(file),retry:false});const settle=({error,file,stored})=>{if(stored){setUploaded(current=>[...current,stored]);return}const message=failureMessage({attempted:file,error,formats,maxBytes});if(message===null)return;setRejections(current=>[...current,t("errors.named",{message,name:file.name})])};const latestRef=React.useRef({commit,settle,upload});React.useEffect(()=>{latestRef.current={commit,settle,upload}});const queueRef=React.useRef(null);queueRef.current??=createFileUploadQueue({ids:()=>idsRef.current,onChange:next=>{latestRef.current.commit(next)},onSettled:result=>{latestRef.current.settle(result)},onStateChange:setQueued,upload:async file=>await latestRef.current.upload.mutateAsync(file)});const queue=queueRef.current;const pending=queued.pending;const remaining=maxItems-ids.length-pending.length;const pick=chosen=>{setRejections([]);const accepted=[];const refused=[];for(const file of chosen){if(accepted.length>=remaining){refused.push(t("errors.too_many",{max:maxItems,name:file.name}));continue}const rejection=validateFile(constraints,{mimeType:file.type,name:file.name,size:file.size});if(!rejection){accepted.push(file);continue}refused.push(t("errors.named",{message:rejection.reason==="size"?t("errors.too_large",{max:formatBytes(maxBytes),size:rejection.value}):t("errors.wrong_format",{formats:formats.join(", "),value:rejection.value}),name:file.name}))}if(refused.length>0)setRejections(refused);queue.enqueue(accepted)};const remove=id=>{setRejections([]);commit(removeFileId(ids,id))};const descriptors=new Map(resolved.map(entry=>[entry.id,entry.file]));const pendingByOrder=new Map(pending.map(entry=>[entry.order,entry]));const rows=planFileGallery({anchorId:queued.anchorId,ids,pending,placed:queued.placed}).flatMap(token=>{if(token.kind==="file"){return[{file:descriptors.get(token.id)??null,id:token.id,kind:"file"}]}const entry=pendingByOrder.get(token.order);return entry?[{kind:"pending",name:entry.name,order:entry.order,size:entry.size}]:[]});const state=pending.length>0?"uploading":rejections.length>0?"error":ids.length>0?"done":"idle";return _jsxs(_Fragment,{children:[!!label&&_jsx(AutoFormLabel,{isOptional:isOptional,labelRight:labelRight,children:label}),_jsx(FileConstraintsLine,{allowedExtensions:allowedExtensions,allowedMimeTypes:allowedMimeTypes,count:{max:maxItems,used:ids.length},maxBytes:maxBytes}),_jsx(FormControl,{children:_jsxs("div",{className:"flex flex-col gap-2",children:[_jsx(FileDropzone,{accept:accept,disabled:remaining<=0,disabledLabel:t("full",{max:maxItems}),multiple:true,onPick:pick,pending:false,promptLabel:t("drop_many"),state:state}),rows.length>0&&_jsx(FileGallery,{canRemove:ids.length>minItems,onRemove:remove,onReorder:commit,ordered:ordered,rows:rows}),rejections.map(message=>_jsx(FileError,{children:message},message))]})}),!!description&&_jsx(AutoFormDesc,{children:description}),_jsx(FormMessage,{})]})};

package/dist/src/components/form/fields/input-roles.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import type { ItemAutoFormComponentProps } from "../auto-form";
+import type { RoleOption, RoleSearch } from "./roles";
+import { roleOptionName } from "./roles";
+export type { RoleOption, RoleSearch };
+export { roleOptionName };
+export type AutoFormRolesProps = ItemAutoFormComponentProps & {
+    disabled?: boolean;
+    excludeIds?: number[];
+    multiple?: boolean;
+    placeholder?: string;
+    search: RoleSearch;
+    searchPlaceholder?: string;
+    selected?: RoleOption[];
+};
+export declare const AutoFormRoles: ({ description, disabled, excludeIds, field, itemParams, label, labelRight, multiLang, multiple, otherProps, placeholder, search, searchPlaceholder, selected, }: AutoFormRolesProps) => React.JSX.Element;
+//# sourceMappingURL=input-roles.d.ts.map

package/dist/src/components/form/fields/input-roles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-roles.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/input-roles.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAKtD,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,CAAC;AAG1B,MAAM,MAAM,kBAAkB,GAAG,0BAA0B,GAAG;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAMrB,MAAM,EAAE,UAAU,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,UAAU,EAAE,CAAC;CACzB,CAAC;AAmCF,eAAO,MAAM,aAAa,GAAI,iKAiB3B,kBAAkB,sBAiIpB,CAAC"}

package/dist/src/components/form/fields/input-roles.js

@@ -0,0 +1 @@
+"use client";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{XIcon}from"lucide-react";import React from"react";import{useLocale,useTranslations}from"use-intl";import{Badge}from"../../ui/badge.js";import{Button}from"../../ui/button.js";import{FormMessage}from"../../ui/form.js";import{AsyncPicker}from"../common/async-picker.js";import{AutoFormDesc}from"../common/desc.js";import{AutoFormLabel}from"../common/label.js";import{roleOptionName}from"./roles.js";export{roleOptionName};export const AutoFormRoles=({description,disabled,excludeIds=[],field,itemParams,label,labelRight,multiLang,multiple=false,otherProps,placeholder,search,searchPlaceholder,selected=[]})=>{const t=useTranslations("core.global");const locale=useLocale();const[known,setKnown]=React.useState(()=>Object.fromEntries(selected.map(role=>[role.id,role])));const ids=multiple?Array.isArray(field.value)?field.value:[]:typeof field.value==="number"?[field.value]:[];const nameOf=id=>{const role=known[id];return role?roleOptionName(role,locale):String(id)};const colorOf=id=>known[id]?.color??undefined;const remove=id=>{field.onChange(multiple?ids.filter(item=>item!==id):null)};const label_=!!label&&_jsx(AutoFormLabel,{isOptional:otherProps.isOptional,labelRight:labelRight,children:label});const picker=_jsx(AsyncPicker,{disabled:disabled,invalid:otherProps["aria-invalid"],onSelect:option=>{setKnown(seen=>({...seen,[option.id]:option}));if(!multiple){field.onChange(option.id);return}field.onChange(ids.includes(option.id)?ids.filter(item=>item!==option.id):[...ids,option.id])},renderOption:option=>_jsx("span",{className:"truncate font-medium",style:option.color?{color:option.color}:undefined,children:roleOptionName(option,locale)}),search:async value=>(await search(value)).filter(role=>!excludeIds.includes(role.id)),searchPlaceholder:searchPlaceholder,selectedIds:ids,trigger:!multiple&&ids.length>0?_jsx("span",{className:"truncate font-medium",style:colorOf(ids[0])?{color:colorOf(ids[0])}:undefined,children:nameOf(ids[0])}):_jsx("span",{className:"text-muted-foreground truncate",children:placeholder??t("select_option")})});if(!multiple){return _jsxs(_Fragment,{children:[label_,picker,!!description&&_jsx(AutoFormDesc,{children:description}),_jsx(FormMessage,{})]})}return _jsxs(_Fragment,{children:[label_,ids.length>0&&_jsx("ul",{className:"flex flex-wrap gap-2",children:ids.map(id=>_jsx("li",{children:_jsxs(Badge,{className:"gap-1 pe-1",variant:"outline",children:[_jsx("span",{style:colorOf(id)?{color:colorOf(id)}:undefined,children:nameOf(id)}),_jsx(Button,{"aria-label":t("remove"),className:"size-4",disabled:disabled,onClick:()=>{remove(id)},size:"icon",type:"button",variant:"ghost",children:_jsx(XIcon,{"aria-hidden":true})})]})},id))}),picker,!!description&&_jsx(AutoFormDesc,{children:description}),_jsx(FormMessage,{})]})};

package/dist/src/components/form/fields/input-users.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import type { ItemAutoFormComponentProps } from "../auto-form";
+export interface UserOption {
+    avatarColor: string;
+    id: number;
+    name: string;
+    nameCode: string;
+}
+export type PartialUserOption = Omit<UserOption, "avatarColor" | "nameCode"> & Partial<Pick<UserOption, "avatarColor" | "nameCode">>;
+export declare const UserOptionRow: ({ size, user, }: {
+    size?: number;
+    user: PartialUserOption;
+}) => React.JSX.Element;
+export declare const AutoFormUser: ({ clearable, description, disabled, field, itemParams, label, labelRight, multiLang, otherProps, placeholder, search, searchPlaceholder, selected, }: ItemAutoFormComponentProps & {
+    className?: string;
+    clearable?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    search: (value: string) => Promise<UserOption[]>;
+    searchPlaceholder?: string;
+    selected?: null | PartialUserOption;
+}) => React.JSX.Element;
+//# sourceMappingURL=input-users.d.ts.map

package/dist/src/components/form/fields/input-users.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-users.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/input-users.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAiB/D,MAAM,WAAW,UAAU;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB;AASD,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,GAAG,UAAU,CAAC,GAC1E,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,aAAa,GAAG,UAAU,CAAC,CAAC,CAAC;AA4BxD,eAAO,MAAM,aAAa,GAAI,iBAG3B;IACD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,iBAAiB,CAAC;CACzB,sBAUA,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,sJAiB1B,0BAA0B,GAAG;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAYrB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;IACjD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,IAAI,GAAG,iBAAiB,CAAC;CACrC,sBA4EA,CAAC"}

package/dist/src/components/form/fields/input-users.js

@@ -0,0 +1 @@
+"use client";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{UserIcon,XIcon}from"lucide-react";import React from"react";import{useTranslations}from"use-intl";import{Avatar}from"../../avatar.js";import{Button}from"../../ui/button.js";import{FormMessage}from"../../ui/form.js";import{cn}from"../../../lib/utils.js";import{AsyncPicker}from"../common/async-picker.js";import{AutoFormDesc}from"../common/desc.js";import{AutoFormLabel}from"../common/label.js";const UserAvatar=({size,user})=>user.avatarColor?_jsx(Avatar,{size:size,user:{avatarColor:user.avatarColor,name:user.name,nameCode:user.nameCode??""}}):_jsx("span",{"aria-hidden":true,className:"bg-muted text-muted-foreground flex shrink-0 items-center justify-center rounded-full",style:{height:size,width:size},children:_jsx(UserIcon,{style:{height:size*.6,width:size*.6}})});export const UserOptionRow=({size=24,user})=>_jsxs("div",{className:"flex min-w-0 items-center gap-2",children:[_jsx(UserAvatar,{size:size,user:user}),_jsx("span",{className:"truncate font-medium",children:user.name}),!!user.nameCode&&_jsxs("span",{className:"text-muted-foreground truncate text-sm",children:["@",user.nameCode]})]});export const AutoFormUser=({clearable=false,description,disabled,field,itemParams,label,labelRight,multiLang,otherProps,placeholder,search,searchPlaceholder,selected})=>{const t=useTranslations("core.global");const[known,setKnown]=React.useState({});const value=typeof field.value==="number"?field.value:null;const clearButton=clearable&&value!==null;const current=value===null?null:known[value]??(selected?.id===value?selected:null);return _jsxs(_Fragment,{children:[!!label&&_jsx(AutoFormLabel,{isOptional:otherProps.isOptional,labelRight:labelRight,children:label}),_jsxs("div",{className:"relative w-full",children:[_jsx(AsyncPicker,{disabled:disabled,invalid:otherProps["aria-invalid"],onSelect:option=>{setKnown(seen=>({...seen,[option.id]:option}));field.onChange(option.id)},renderOption:option=>_jsx(UserOptionRow,{user:option}),search:search,searchPlaceholder:searchPlaceholder,selectedIds:value===null?[]:[value],trigger:current?_jsxs("span",{className:cn("flex min-w-0 items-center gap-2",clearButton&&"me-8"),children:[_jsx(UserAvatar,{size:20,user:current}),_jsx("span",{className:"truncate",children:current.name})]}):_jsx("span",{className:"text-muted-foreground truncate",children:placeholder??t("select_option")})}),clearButton&&_jsx(Button,{"aria-label":t("remove"),className:"absolute end-8 top-1/2 size-6 -translate-y-1/2",disabled:disabled,onClick:()=>{field.onChange(null)},size:"icon",type:"button",variant:"ghost",children:_jsx(XIcon,{"aria-hidden":true,className:"size-4"})})]}),!!description&&_jsx(AutoFormDesc,{children:description}),_jsx(FormMessage,{})]})};

package/dist/src/components/form/fields/input.d.ts

@@ -0,0 +1,8 @@
+import type { ItemAutoFormComponentProps } from "../auto-form";
+import { Input } from "../../ui/input";
+type AutoFormInputProps = ItemAutoFormComponentProps & Omit<React.ComponentProps<typeof Input>, "value"> & {
+    multiLang?: boolean;
+};
+export declare const AutoFormInput: ({ label, labelRight, description, otherProps, field, itemParams, children, multiLang, ...props }: AutoFormInputProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=input.d.ts.map

package/dist/src/components/form/fields/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/input.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAG/D,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAKvC,KAAK,kBAAkB,GAAG,0BAA0B,GAClD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,OAAO,CAAC,GAAG;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAgEJ,eAAO,MAAM,aAAa,GAAI,kGAU3B,kBAAkB,gCA0EpB,CAAC"}

package/dist/src/components/form/fields/input.js

@@ -0,0 +1 @@
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{InputGroup,InputGroupAddon,InputGroupInput}from"../../ui/input-group.js";import{getMultiLangConstraints}from"../../../lib/helpers/multi-lang.js";import{FormControl,FormMessage}from"../../ui/form.js";import{Input}from"../../ui/input.js";import{AutoFormDesc}from"../common/desc.js";import{AutoFormLabel}from"../common/label.js";import{MultiLangSelect,useMultiLangField}from"./multi-lang.js";const MultiLangInput=({label,labelRight,description,isOptional,field,itemParams,pattern,type,...props})=>{const{languages,selected,setSelected,currentValue,setValue}=useMultiLangField(field);const{maxLength,minLength}=getMultiLangConstraints(itemParams);return _jsxs(_Fragment,{children:[!!label&&_jsx(AutoFormLabel,{isOptional:isOptional,labelRight:labelRight,children:label}),_jsxs(InputGroup,{children:[_jsx(FormControl,{children:_jsx(InputGroupInput,{...field,...props,maxLength:maxLength,minLength:minLength,onBlur:e=>{field.onBlur();props.onBlur?.(e)},onChange:e=>{setValue(e.target.value);props.onChange?.(e)},pattern:pattern,type:type??"text",value:currentValue})}),languages.length>1&&_jsx(InputGroupAddon,{align:"inline-end",children:_jsx(MultiLangSelect,{languages:languages,onSelect:setSelected,selected:selected})})]}),!!description&&_jsx(AutoFormDesc,{children:description}),_jsx(FormMessage,{})]})};export const AutoFormInput=({label,labelRight,description,otherProps,field,itemParams,children,multiLang,...props})=>{if(multiLang){return _jsx(MultiLangInput,{description:description,field:field,isOptional:otherProps.isOptional,itemParams:itemParams,label:label,labelRight:labelRight,...props})}const{isOptional,maxLength,minLength,pattern,type}=otherProps;return _jsxs(_Fragment,{children:[!!label&&_jsx(AutoFormLabel,{isOptional:isOptional,labelRight:labelRight,children:label}),children?_jsxs(InputGroup,{children:[_jsx(FormControl,{children:_jsx(InputGroupInput,{...field,maxLength:maxLength,minLength:minLength,onBlur:e=>{field.onBlur();props.onBlur?.(e)},onChange:e=>{field.onChange(e);props.onChange?.(e)},pattern:pattern,type:type??"text",value:field.value??"",...props})}),children]}):_jsx(FormControl,{children:_jsx(Input,{...field,maxLength:maxLength,minLength:minLength,onBlur:e=>{field.onBlur();props.onBlur?.(e)},onChange:e=>{field.onChange(e);props.onChange?.(e)},pattern:pattern,type:type??"text",value:field.value??"",...props})}),!!description&&_jsx(AutoFormDesc,{children:description}),_jsx(FormMessage,{})]})};

package/dist/src/components/form/fields/multi-lang.d.ts

@@ -0,0 +1,18 @@
+import type { ControllerRenderProps, FieldValues } from "react-hook-form";
+import React from "react";
+import type { LocaleConfig } from "../../../vitnode.config";
+export { multiLangValueSchema } from "../../../lib/helpers/multi-lang";
+export type { MultiLangValue, MultiLangValueItem, } from "../../../lib/helpers/multi-lang";
+export declare const useMultiLangField: (field: ControllerRenderProps<FieldValues, string>) => {
+    languages: LocaleConfig[];
+    selected: string;
+    setSelected: React.Dispatch<React.SetStateAction<string>>;
+    currentValue: string;
+    setValue: (newValue: string) => void;
+};
+export declare const MultiLangSelect: ({ languages, onSelect, selected, }: {
+    languages: LocaleConfig[];
+    onSelect: (code: string) => void;
+    selected: string;
+}) => React.JSX.Element;
+//# sourceMappingURL=multi-lang.d.ts.map

package/dist/src/components/form/fields/multi-lang.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-lang.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/multi-lang.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE1E,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAYrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,YAAY,EACV,cAAc,EACd,kBAAkB,GACnB,MAAM,0BAA0B,CAAC;AAElC,eAAO,MAAM,iBAAiB,GAC5B,OAAO,qBAAqB,CAAC,WAAW,EAAE,MAAM,CAAC;;;;;yBAarB,MAAM;CAWnC,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,oCAI7B;IACD,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,EAAE,MAAM,CAAC;CAClB,sBA4BA,CAAC"}

package/dist/src/components/form/fields/multi-lang.js

@@ -0,0 +1 @@
+"use client";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import React from"react";import{useLocale,useTranslations}from"use-intl";import{useLanguages}from"../../languages-provider.js";import{Select,SelectContent,SelectItem,SelectTrigger,SelectValue}from"../../ui/select.js";import{getLangValue,upsertLangValue}from"../../../lib/helpers/multi-lang.js";export{multiLangValueSchema}from"../../../lib/helpers/multi-lang.js";export const useMultiLangField=field=>{const languages=useLanguages();const locale=useLocale();const[selected,setSelected]=React.useState(()=>languages.find(language=>language.code===locale)?.code??languages[0]?.code??locale);const value=field.value;const setValue=newValue=>{field.onChange(upsertLangValue(value,selected,newValue))};return{languages,selected,setSelected,currentValue:getLangValue(value,selected),setValue}};export const MultiLangSelect=({languages,onSelect,selected})=>{const t=useTranslations("core.global");return _jsxs(Select,{items:languages.map(language=>({value:language.code,label:language.name})),onValueChange:value=>onSelect(value),value:selected,children:[_jsx(SelectTrigger,{"aria-label":t("select_language"),className:"h-7 border-none bg-transparent px-2 shadow-none dark:bg-transparent",size:"sm",children:_jsx(SelectValue,{})}),_jsx(SelectContent,{align:"end",children:languages.map(language=>_jsx(SelectItem,{value:language.code,children:language.name},language.code))})]})};

package/dist/src/components/form/fields/nullable-number.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { Input } from "../../../components/ui/input";
+import type { ItemAutoFormComponentProps } from "../auto-form";
+type AutoFormNullableNumberProps = ItemAutoFormComponentProps & Omit<React.ComponentProps<typeof Input>, "value"> & {
+    orLabel?: React.ReactNode;
+    toggleLabel: React.ReactNode;
+    unitLabel?: React.ReactNode;
+};
+export declare const AutoFormNullableNumber: ({ label, labelRight, description, field, otherProps: { isOptional }, itemParams, multiLang, className, unitLabel, orLabel, toggleLabel, ...props }: AutoFormNullableNumberProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=nullable-number.d.ts.map

package/dist/src/components/form/fields/nullable-number.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nullable-number.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/nullable-number.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAG9C,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAK/D,KAAK,2BAA2B,GAAG,0BAA0B,GAC3D,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,OAAO,CAAC,GAAG;IAClD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAEJ,eAAO,MAAM,sBAAsB,GAAI,oJAiBpC,2BAA2B,sBA0E7B,CAAC"}

package/dist/src/components/form/fields/nullable-number.js

@@ -0,0 +1 @@
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import React from"react";import{Checkbox}from"../../ui/checkbox.js";import{FormControl,FormMessage}from"../../ui/form.js";import{Input}from"../../ui/input.js";import{cn}from"../../../lib/utils.js";import{AutoFormDesc}from"../common/desc.js";import{AutoFormLabel}from"../common/label.js";export const AutoFormNullableNumber=({label,labelRight,description,field,otherProps:{isOptional},itemParams,multiLang,className,unitLabel,orLabel,toggleLabel,...props})=>{const isToggled=field.value===null;const[text,setText]=React.useState(typeof field.value==="number"?String(field.value):"");const lastNumericRef=React.useRef(typeof field.value==="number"?field.value:0);return _jsxs(_Fragment,{children:[!!label&&_jsx(AutoFormLabel,{isOptional:isOptional,labelRight:labelRight,children:label}),_jsxs("div",{className:"flex flex-wrap items-center gap-x-3 gap-y-2",children:[_jsx(FormControl,{children:_jsx(Input,{className:cn("w-40",className),disabled:isToggled,onChange:event=>{const raw=event.target.value;setText(raw);if(raw===""){lastNumericRef.current=0;field.onChange(0);return}const parsed=Number(raw);if(Number.isNaN(parsed))return;lastNumericRef.current=parsed;field.onChange(parsed)},type:"number",value:isToggled?"":text,...props})}),!!unitLabel&&_jsx("span",{className:"text-muted-foreground text-sm",children:unitLabel}),!!orLabel&&_jsx("span",{className:"text-muted-foreground text-sm",children:orLabel}),_jsxs("label",{className:"flex items-center gap-2 text-sm",children:[_jsx(Checkbox,{checked:isToggled,onCheckedChange:checked=>{if(checked){field.onChange(null);return}field.onChange(lastNumericRef.current);setText(String(lastNumericRef.current))}}),toggleLabel]})]}),!!description&&_jsx(AutoFormDesc,{children:description}),_jsx(FormMessage,{})]})};

package/dist/src/components/form/fields/radio-group.d.ts

@@ -0,0 +1,15 @@
+import type React from "react";
+import { RadioGroup } from "../../../components/ui/radio-group";
+import type { ItemAutoFormComponentProps } from "../auto-form";
+interface ItemAutoFormRadioGroupLabelsProps {
+    description?: string;
+    disabled?: boolean;
+    label: string;
+    value: string;
+}
+export declare const AutoFormRadioGroup: ({ label, labelRight, field, itemParams, multiLang, description, otherProps: { enum: enumValues, isOptional }, labels, variant, ...props }: ItemAutoFormComponentProps & Omit<React.ComponentProps<typeof RadioGroup>, "value"> & {
+    labels?: ItemAutoFormRadioGroupLabelsProps[];
+    variant?: "blocks" | "default";
+}) => React.JSX.Element;
+export {};
+//# sourceMappingURL=radio-group.d.ts.map

package/dist/src/components/form/fields/radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,EAAE,UAAU,EAAkB,MAAM,6BAA6B,CAAC;AAEzE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAK/D,UAAU,iCAAiC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,kBAAkB,GAAI,2IAehC,0BAA0B,GAC3B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,OAAO,CAAC,GAAG;IACvD,MAAM,CAAC,EAAE,iCAAiC,EAAE,CAAC;IAC7C,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAChC,sBAgFF,CAAC"}

package/dist/src/components/form/fields/radio-group.js

@@ -0,0 +1 @@
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{Field,FieldContent,FieldDescription,FieldLabel,FieldTitle}from"../../ui/field.js";import{FormControl,FormMessage}from"../../ui/form.js";import{RadioGroup,RadioGroupItem}from"../../ui/radio-group.js";import{AutoFormDesc}from"../common/desc.js";import{AutoFormLabel}from"../common/label.js";export const AutoFormRadioGroup=({label,labelRight,field,itemParams,multiLang,description,otherProps:{enum:enumValues=[],isOptional},labels=[],variant="default",...props})=>{const values=enumValues.map(value=>{const item=labels.find(l=>l.value===value);return{value,label:item?.label??value,description:item?.description,disabled:item?.disabled}});return _jsxs(_Fragment,{children:[!!label&&_jsx(AutoFormLabel,{isOptional:isOptional,labelRight:labelRight,children:label}),!!description&&_jsx(AutoFormDesc,{children:description}),_jsx(FormControl,{children:_jsx(RadioGroup,{disabled:props.disabled,onValueChange:field.onChange,value:field.value??null,...props,children:values.map(({value,label,description,disabled})=>variant==="default"?_jsxs(Field,{"data-disabled":disabled,orientation:"horizontal",children:[_jsx(FormControl,{children:_jsx(RadioGroupItem,{disabled:disabled,id:`${field.name}-${value}`,value:value})}),_jsxs(FieldContent,{children:[_jsx(FieldLabel,{htmlFor:`${field.name}-${value}`,children:label}),description&&_jsx(FieldDescription,{children:description})]})]},`${field.name}-${value}`):_jsx(FieldLabel,{htmlFor:`${field.name}-${value}`,children:_jsxs(Field,{"data-disabled":disabled,orientation:"horizontal",children:[_jsxs(FieldContent,{children:[_jsx(FieldTitle,{children:label}),description&&_jsx(FieldDescription,{children:description})]}),_jsx(FormControl,{children:_jsx(RadioGroupItem,{disabled:disabled,id:`${field.name}-${value}`,value:value})})]})},`${field.name}-${value}`))})}),_jsx(FormMessage,{})]})};

package/dist/src/components/form/fields/roles.d.ts

@@ -0,0 +1,11 @@
+export interface RoleOption {
+    color: null | string;
+    id: number;
+    name: {
+        languageCode: string;
+        name: string;
+    }[];
+}
+export type RoleSearch = (search: string) => Promise<RoleOption[]>;
+export declare const roleOptionName: (role: RoleOption, locale: string) => string;
+//# sourceMappingURL=roles.d.ts.map

package/dist/src/components/form/fields/roles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"roles.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/roles.ts"],"names":[],"mappings":"AA4BA,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,IAAI,GAAG,MAAM,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAChD;AAUD,MAAM,MAAM,UAAU,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;AAWnE,eAAO,MAAM,cAAc,GAAI,MAAM,UAAU,EAAE,QAAQ,MAAM,KAAG,MAGjD,CAAC"}

package/dist/src/components/form/fields/roles.js

@@ -0,0 +1 @@
+export const roleOptionName=(role,locale)=>role.name.find(item=>item.languageCode===locale)?.name??role.name[0]?.name??String(role.id);

package/dist/src/components/form/fields/select.d.ts

@@ -0,0 +1,11 @@
+import type React from "react";
+import { Select } from "../../../components/ui/select";
+import type { ItemAutoFormComponentProps } from "../auto-form";
+export declare const AutoFormSelect: ({ label, field, itemParams, multiLang, description, otherProps: { enum: enumValues, isOptional }, placeholder, labelRight, labels, ...props }: ItemAutoFormComponentProps & Omit<React.ComponentProps<typeof Select>, "value"> & {
+    labels?: {
+        label: string;
+        value: string;
+    }[];
+    placeholder?: string;
+}) => React.JSX.Element;
+//# sourceMappingURL=select.d.ts.map

package/dist/src/components/form/fields/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EACL,MAAM,EAKP,MAAM,wBAAwB,CAAC;AAEhC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAK/D,eAAO,MAAM,cAAc,GAAI,+IAe5B,0BAA0B,GAC3B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG;IACnD,MAAM,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,sBA+CF,CAAC"}

package/dist/src/components/form/fields/select.js

@@ -0,0 +1 @@
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{useTranslations}from"use-intl";import{FormControl,FormMessage}from"../../ui/form.js";import{Select,SelectContent,SelectItem,SelectTrigger,SelectValue}from"../../ui/select.js";import{AutoFormDesc}from"../common/desc.js";import{AutoFormLabel}from"../common/label.js";export const AutoFormSelect=({label,field,itemParams,multiLang,description,otherProps:{enum:enumValues=[],isOptional},placeholder,labelRight,labels=[],...props})=>{const t=useTranslations("core.global");const values=enumValues.map(value=>{const label=labels.find(l=>l.value===value)?.label;return{value,label:label??value}});return _jsxs(_Fragment,{children:[!!label&&_jsx(AutoFormLabel,{isOptional:isOptional,labelRight:labelRight,children:label}),_jsx(FormControl,{children:_jsxs(Select,{items:values,value:field.value??null,...props,onValueChange:(value,eventDetails)=>{field.onChange(value);props.onValueChange?.(value,eventDetails)},children:[_jsx(SelectTrigger,{onBlur:field.onBlur,children:_jsx(SelectValue,{placeholder:placeholder??t("select_option")})}),_jsx(SelectContent,{children:values.map(({value,label})=>_jsx(SelectItem,{value:value,children:label},value))})]})}),!!description&&_jsx(AutoFormDesc,{children:description}),_jsx(FormMessage,{})]})};

package/dist/src/components/form/fields/switch.d.ts

@@ -0,0 +1,4 @@
+import { Switch } from "../../../components/ui/switch";
+import type { ItemAutoFormComponentProps } from "../auto-form";
+export declare const AutoFormSwitch: ({ label, field, itemParams, multiLang, labelRight, otherProps: { isOptional }, className, description, ...props }: ItemAutoFormComponentProps & Omit<React.ComponentProps<typeof Switch>, "checked">) => import("react").JSX.Element;
+//# sourceMappingURL=switch.d.ts.map

package/dist/src/components/form/fields/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/switch.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGhD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAK/D,eAAO,MAAM,cAAc,GAAI,mHAc5B,0BAA0B,GAC3B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,SAAS,CAAC,gCAmCrD,CAAC"}

package/dist/src/components/form/fields/switch.js

@@ -0,0 +1 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{FormControl}from"../../ui/form.js";import{Switch}from"../../ui/switch.js";import{cn}from"../../../lib/utils.js";import{AutoFormDesc}from"../common/desc.js";import{AutoFormLabel}from"../common/label.js";export const AutoFormSwitch=({label,field,itemParams,multiLang,labelRight,otherProps:{isOptional},className,description,...props})=>{return _jsxs("div",{className:cn("flex flex-row items-center justify-between rounded-lg border p-4",className),children:[!!(label??description)&&_jsxs("div",{className:"space-y-0.5",children:[!!label&&_jsx(AutoFormLabel,{className:"text-base",isOptional:isOptional,labelRight:labelRight,children:label}),!!description&&_jsx(AutoFormDesc,{children:description})]}),_jsx(FormControl,{children:_jsx(Switch,{checked:field.value??false,onCheckedChange:(checked,eventDetails)=>{field.onChange(checked);props?.onCheckedChange?.(checked,eventDetails)},...props})})]})};

package/dist/src/components/form/fields/textarea.d.ts

@@ -0,0 +1,11 @@
+import type React from "react";
+import { Textarea } from "../../../components/ui/textarea";
+import type { ItemAutoFormComponentProps } from "../auto-form";
+type AutoFormTextareaProps = ItemAutoFormComponentProps & Omit<React.ComponentProps<typeof Textarea>, "value"> & {
+    description?: React.ReactNode;
+    label?: React.ReactNode;
+    multiLang?: boolean;
+};
+export declare const AutoFormTextarea: ({ label, description, labelRight, otherProps, field, itemParams, children, multiLang, ...props }: AutoFormTextareaProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=textarea.d.ts.map

package/dist/src/components/form/fields/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAGpD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAM/D,KAAK,qBAAqB,GAAG,0BAA0B,GACrD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,OAAO,CAAC,GAAG;IACrD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAyDJ,eAAO,MAAM,gBAAgB,GAAI,kGAU9B,qBAAqB,sBAoEvB,CAAC"}

package/dist/src/components/form/fields/textarea.js

@@ -0,0 +1 @@
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{FormControl,FormMessage}from"../../ui/form.js";import{InputGroup,InputGroupTextarea}from"../../ui/input-group.js";import{Textarea}from"../../ui/textarea.js";import{getMultiLangConstraints}from"../../../lib/helpers/multi-lang.js";import{AutoFormDesc}from"../common/desc.js";import{AutoFormLabel}from"../common/label.js";import{MultiLangSelect,useMultiLangField}from"./multi-lang.js";const MultiLangTextarea=({label,labelRight,description,isOptional,field,itemParams,...props})=>{const{languages,selected,setSelected,currentValue,setValue}=useMultiLangField(field);const{maxLength,minLength}=getMultiLangConstraints(itemParams);return _jsxs(_Fragment,{children:[_jsxs("div",{className:"flex items-center justify-between gap-2",children:[!!label&&_jsx(AutoFormLabel,{isOptional:isOptional,labelRight:labelRight,children:label}),languages.length>1&&_jsx(MultiLangSelect,{languages:languages,onSelect:setSelected,selected:selected})]}),_jsx(FormControl,{children:_jsx(Textarea,{...props,maxLength:maxLength,minLength:minLength,onBlur:e=>{field.onBlur();props.onBlur?.(e)},onChange:e=>{setValue(e.target.value);props.onChange?.(e)},value:currentValue})}),!!description&&_jsx(AutoFormDesc,{children:description}),_jsx(FormMessage,{})]})};export const AutoFormTextarea=({label,description,labelRight,otherProps,field,itemParams,children,multiLang,...props})=>{if(multiLang){return _jsx(MultiLangTextarea,{description:description,field:field,isOptional:otherProps.isOptional,itemParams:itemParams,label:label,labelRight:labelRight,...props})}const{isOptional,maxLength,minLength}=otherProps;return _jsxs(_Fragment,{children:[!!label&&_jsx(AutoFormLabel,{isOptional:isOptional,labelRight:labelRight,children:label}),children?_jsxs(InputGroup,{children:[_jsx(FormControl,{children:_jsx(InputGroupTextarea,{maxLength:maxLength,minLength:minLength,onBlur:e=>{field.onBlur();props.onBlur?.(e)},onChange:e=>{field.onChange(e);props.onChange?.(e)},value:field.value??"",...props})}),children]}):_jsx(FormControl,{children:_jsx(Textarea,{maxLength:maxLength,minLength:minLength,onBlur:e=>{field.onBlur();props.onBlur?.(e)},onChange:e=>{field.onChange(e);props.onChange?.(e)},value:field.value??"",...props})}),!!description&&_jsx(AutoFormDesc,{children:description}),_jsx(FormMessage,{})]})};

package/dist/src/components/languages-provider.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { LocaleConfig } from "../vitnode.config";
+export declare const LanguagesProvider: ({ children, languages, }: {
+    children: React.ReactNode;
+    languages: LocaleConfig[];
+}) => React.JSX.Element;
+export declare const useLanguages: () => LocaleConfig[];
+//# sourceMappingURL=languages-provider.d.ts.map

package/dist/src/components/languages-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"languages-provider.d.ts","sourceRoot":"","sources":["../../../src/components/languages-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAIrD,eAAO,MAAM,iBAAiB,GAAI,0BAG/B;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,YAAY,EAAE,CAAC;CAC3B,sBAWA,CAAC;AAEF,eAAO,MAAM,YAAY,QAAO,YAAY,EAAiC,CAAC"}

package/dist/src/components/languages-provider.js

@@ -0,0 +1 @@
+"use client";import{jsx as _jsx}from"react/jsx-runtime";import React from"react";const LanguagesContext=React.createContext([]);export const LanguagesProvider=({children,languages})=>{const enabled=React.useMemo(()=>languages.filter(language=>language.enabled!==false),[languages]);return _jsx(LanguagesContext.Provider,{value:enabled,children:children})};export const useLanguages=()=>React.use(LanguagesContext);

package/dist/src/components/logo-vitnode.d.ts

@@ -0,0 +1,6 @@
+export declare const LogoVitNode: ({ className, idPrefix, small, ...props }: React.ComponentProps<"svg"> & {
+    idPrefix?: string;
+    small?: boolean;
+}) => import("react").JSX.Element;
+export declare const LogoVitNodeBrand: () => import("react").JSX.Element;
+//# sourceMappingURL=logo-vitnode.d.ts.map

package/dist/src/components/logo-vitnode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo-vitnode.d.ts","sourceRoot":"","sources":["../../../src/components/logo-vitnode.tsx"],"names":[],"mappings":"AAiCA,eAAO,MAAM,WAAW,GAAI,0CAKzB,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAE/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,gCA8FA,CAAC;AA2BF,eAAO,MAAM,gBAAgB,mCAY5B,CAAC"}

package/dist/src/components/logo-vitnode.js

@@ -0,0 +1 @@
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{cn}from"../lib/utils.js";export const LogoVitNode=({className,idPrefix="vitnode-logo",small,...props})=>{if(small)return _jsxs("svg",{"aria-label":"Logo VitNode",className:cn("text-foreground",className),fill:"none",viewBox:"0 0 375 376",xmlns:"http://www.w3.org/2000/svg",...props,children:[_jsx("title",{children:"Logo VitNode"}),_jsx("path",{d:"M169.385 16.196C180.827 9.60134 194.923 9.60134 206.365 16.196L329.51 87.1749C340.952 93.7695 348 105.957 348 119.146V261.104C348 274.293 340.952 286.481 329.51 293.075L206.365 364.054C194.923 370.649 180.827 370.649 169.385 364.054L46.2396 293.075C34.7982 286.481 27.75 274.293 27.75 261.104V119.146C27.75 105.957 34.7982 93.7695 46.2396 87.1749L169.385 16.196Z",fill:"#FDFEFF"}),_jsx("path",{clipRule:"evenodd",d:"M168.101 5.19482C180.105 -1.73161 194.895 -1.73161 206.899 5.19482L336.101 79.745C348.105 86.6714 355.5 99.472 355.5 113.325V262.425C355.5 276.278 348.105 289.079 336.101 296.005L206.899 370.555C194.895 377.482 180.105 377.482 168.101 370.555L38.899 296.005C26.8948 289.079 19.5 276.278 19.5 262.425V113.325C19.5 99.472 26.8948 86.6714 38.899 79.745L168.101 5.19482ZM109.649 106.082L187.5 61.1613L265.351 106.082L187.5 241.071L109.649 106.082ZM77.6969 148.394V251.232L166.585 302.521L77.6969 148.394ZM208.415 302.521L297.303 251.232V148.394L208.415 302.521Z",fill:`url(#${idPrefix}-mark)`,fillRule:"evenodd"}),_jsx("defs",{children:_jsxs("linearGradient",{gradientUnits:"userSpaceOnUse",id:`${idPrefix}-mark`,x1:"187.5",x2:"187.5",y1:"0",y2:"375.75",children:[_jsx("stop",{stopColor:"#3261BF"}),_jsx("stop",{offset:"1",stopColor:"#363795"})]})})]});return _jsxs("svg",{"aria-label":"Logo VitNode",className:cn("text-foreground",className),fill:"none",viewBox:"0 0 762 191",xmlns:"http://www.w3.org/2000/svg",...props,children:[_jsx("title",{children:"Logo VitNode"}),_jsxs("g",{children:[_jsx("path",{d:"M550.7 157H543.7L505 98.2V157H498V87.1H505L543.7 145.8V87.1H550.7V157ZM597.955 157.7C591.488 157.7 585.621 156.2 580.355 153.2C575.088 150.133 570.921 145.9 567.855 140.5C564.855 135.033 563.355 128.867 563.355 122C563.355 115.133 564.855 109 567.855 103.6C570.921 98.1333 575.088 93.9 580.355 90.9C585.621 87.8333 591.488 86.3 597.955 86.3C604.488 86.3 610.388 87.8333 615.655 90.9C620.921 93.9 625.055 98.1333 628.055 103.6C631.055 109 632.555 115.133 632.555 122C632.555 128.867 631.055 135.033 628.055 140.5C625.055 145.9 620.921 150.133 615.655 153.2C610.388 156.2 604.488 157.7 597.955 157.7ZM597.955 151.6C603.155 151.6 607.821 150.4 611.955 148C616.088 145.6 619.355 142.167 621.755 137.7C624.155 133.167 625.355 127.933 625.355 122C625.355 116.067 624.155 110.867 621.755 106.4C619.355 101.933 616.088 98.5 611.955 96.1C607.821 93.7 603.155 92.5 597.955 92.5C592.755 92.5 588.088 93.7 583.955 96.1C579.821 98.5 576.555 101.933 574.155 106.4C571.755 110.867 570.555 116.067 570.555 122C570.555 127.933 571.755 133.167 574.155 137.7C576.555 142.167 579.821 145.6 583.955 148C588.088 150.4 592.755 151.6 597.955 151.6ZM666.063 87.1C673.797 87.1 680.43 88.5 685.963 91.3C691.497 94.1 695.73 98.1333 698.663 103.4C701.597 108.667 703.063 114.933 703.063 122.2C703.063 129.4 701.597 135.633 698.663 140.9C695.73 146.1 691.497 150.1 685.963 152.9C680.43 155.633 673.797 157 666.063 157H645.363V87.1H666.063ZM666.063 151.2C675.797 151.2 683.197 148.667 688.263 143.6C693.397 138.467 695.963 131.333 695.963 122.2C695.963 113 693.397 105.833 688.263 100.7C683.197 95.5 675.797 92.9 666.063 92.9H652.363V151.2H666.063ZM722.969 92.8V118.9H749.469V124.7H722.969V151.2H752.469V157H715.969V87H752.469V92.8H722.969Z",fill:"currentColor"}),_jsx("path",{d:"M349.338 32.044L305.016 157H266.924L222.602 32.044H254.998L285.97 126.384L317.12 32.044H349.338ZM392.497 32.044V157H362.059V32.044H392.497ZM504.446 32.044V56.43H471.338V157H440.9V56.43H407.792V32.044H504.446Z",fill:`url(#${idPrefix}-wordmark)`})]}),_jsx("path",{d:"M85.7722 8.20596C91.5658 4.86468 98.7039 4.86468 104.497 8.20596L166.855 44.1686C172.649 47.5099 176.218 53.6848 176.218 60.3674V132.293C176.218 138.975 172.649 145.15 166.855 148.491L104.497 184.454C98.7039 187.795 91.5658 187.795 85.7722 184.454L23.4144 148.491C17.6208 145.15 14.0518 138.975 14.0518 132.293V60.3674C14.0518 53.6848 17.6208 47.5099 23.4144 44.1686L85.7722 8.20596Z",fill:"#FDFEFF"}),_jsx("path",{clipRule:"evenodd",d:"M85.1219 2.63204C91.2005 -0.877348 98.6896 -0.877348 104.768 2.63204L170.193 40.4041C176.271 43.9135 180.016 50.3991 180.016 57.4179V132.962C180.016 139.981 176.271 146.466 170.193 149.976L104.768 187.748C98.6896 191.257 91.2005 191.257 85.1219 187.748L19.6974 149.976C13.6188 146.466 9.87427 139.981 9.87427 132.962V57.4179C9.87427 50.3991 13.6188 43.9135 19.6974 40.4041L85.1219 2.63204ZM55.5232 53.7481L94.945 30.9884L134.367 53.7481L94.945 122.143L55.5232 53.7481ZM39.3436 75.1861V127.291L84.3544 153.277L39.3436 75.1861ZM105.536 153.277L150.546 127.291V75.1861L105.536 153.277Z",fill:`url(#${idPrefix}-hexagon)`,fillRule:"evenodd"}),_jsxs("defs",{children:[_jsxs("linearGradient",{gradientUnits:"userSpaceOnUse",id:`${idPrefix}-wordmark`,x1:"381.603",x2:"381.603",y1:"6",y2:"196",children:[_jsx("stop",{stopColor:"#3261BF"}),_jsx("stop",{offset:"1",stopColor:"#363795"})]}),_jsxs("linearGradient",{gradientUnits:"userSpaceOnUse",id:`${idPrefix}-hexagon`,x1:"94.945",x2:"94.945",y1:"0",y2:"190.38",children:[_jsx("stop",{stopColor:"#3261BF"}),_jsx("stop",{offset:"1",stopColor:"#363795"})]})]})]})};export const LogoVitNodeBrand=()=>_jsxs(_Fragment,{children:[_jsx(LogoVitNode,{className:"hidden w-34 sm:block",idPrefix:"vitnode-brand-wide"}),_jsx(LogoVitNode,{className:"size-8 sm:hidden",idPrefix:"vitnode-brand-compact",small:true})]});

package/dist/src/components/role-format-content.d.ts

@@ -0,0 +1,9 @@
+import type { RoleNameEntry } from "./role-name";
+export declare const RoleFormatContent: ({ className, role, style, ...props }: Omit<React.ComponentProps<"span">, "role"> & {
+    role: {
+        color: null | string;
+        id: number;
+        name: RoleNameEntry[];
+    };
+}) => import("react").JSX.Element;
+//# sourceMappingURL=role-format-content.d.ts.map

package/dist/src/components/role-format-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"role-format-content.d.ts","sourceRoot":"","sources":["../../../src/components/role-format-content.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAqBjD,eAAO,MAAM,iBAAiB,GAAI,sCAK/B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,GAAG;IAC9C,IAAI,EAAE;QACJ,KAAK,EAAE,IAAI,GAAG,MAAM,CAAC;QACrB,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,aAAa,EAAE,CAAC;KACvB,CAAC;CACH,gCAYA,CAAC"}

package/dist/src/components/role-format-content.js

@@ -0,0 +1 @@
+"use client";import{jsx as _jsx}from"react/jsx-runtime";import{useLocale}from"use-intl";import{cn}from"../lib/utils.js";import{resolveRoleName}from"./role-name.js";export const RoleFormatContent=({className,role,style,...props})=>{const locale=useLocale();return _jsx("span",{className:cn("font-medium",className),style:{...role.color?{color:role.color}:{},...style},...props,children:resolveRoleName(role,locale)})};

package/dist/src/components/role-name.d.ts

@@ -0,0 +1,10 @@
+export interface RoleNameEntry {
+    languageCode: string;
+    name: string;
+}
+export interface RoleNameRef {
+    id?: number;
+    name: RoleNameEntry[];
+}
+export declare const resolveRoleName: (role: RoleNameRef, locale: string) => string;
+//# sourceMappingURL=role-name.d.ts.map

package/dist/src/components/role-name.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"role-name.d.ts","sourceRoot":"","sources":["../../../src/components/role-name.ts"],"names":[],"mappings":"AAcA,MAAM,WAAW,aAAa;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,WAAW;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,aAAa,EAAE,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,GAAI,MAAM,WAAW,EAAE,QAAQ,MAAM,KAAG,MAGpB,CAAC"}

package/dist/src/components/role-name.js

@@ -0,0 +1 @@
+export const resolveRoleName=(role,locale)=>role.name.find(item=>item.languageCode===locale)?.name??role.name[0]?.name??(role.id===undefined?"":String(role.id));

package/dist/src/components/staff-permission/provider.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import type { PermissionsStaffArgs, StaffPermissionSet } from "../../api/lib/permission-staff";
+export declare const AdminStaffPermissionProvider: ({ value, children, }: {
+    children: React.ReactNode;
+    value: Promise<StaffPermissionSet> | StaffPermissionSet;
+}) => React.JSX.Element;
+export declare const useAdminStaffPermissions: () => StaffPermissionSet;
+export declare const useAdminStaffPermission: (args: PermissionsStaffArgs) => boolean;
+export declare const AdminStaffPermissionGate: ({ children, fallback, ...args }: PermissionsStaffArgs & {
+    children: React.ReactNode;
+    fallback?: React.ReactNode;
+}) => React.JSX.Element;
+//# sourceMappingURL=provider.d.ts.map

package/dist/src/components/staff-permission/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../../src/components/staff-permission/provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EACV,oBAAoB,EACpB,kBAAkB,EACnB,MAAM,4BAA4B,CAAC;AAmCpC,eAAO,MAAM,4BAA4B,GAAI,sBAG1C;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,OAAO,CAAC,kBAAkB,CAAC,GAAG,kBAAkB,CAAC;CACzD,sBAIA,CAAC;AAgBF,eAAO,MAAM,wBAAwB,QAAO,kBAI3C,CAAC;AAGF,eAAO,MAAM,uBAAuB,GAClC,MAAM,oBAAoB,KACzB,OAIF,CAAC;AAiBF,eAAO,MAAM,wBAAwB,GAAI,iCAItC,oBAAoB,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,sBAMA,CAAC"}

package/dist/src/components/staff-permission/provider.js

@@ -0,0 +1 @@
+"use client";import{jsx as _jsx,Fragment as _Fragment}from"react/jsx-runtime";import React from"react";import{EMPTY_STAFF_PERMISSION_SET,hasStaffPermission}from"../../api/lib/staff-permission.js";const AdminStaffPermissionContext=React.createContext(EMPTY_STAFF_PERMISSION_SET);export const AdminStaffPermissionProvider=({value,children})=>_jsx(AdminStaffPermissionContext.Provider,{value:value,children:children});const isPending=value=>typeof value.then==="function";export const useAdminStaffPermissions=()=>{const value=React.use(AdminStaffPermissionContext);return isPending(value)?React.use(value):value};export const useAdminStaffPermission=args=>{const set=useAdminStaffPermissions();return hasStaffPermission(set,args)};const AdminStaffPermissionGateResolved=({plugin,module,permission,children,fallback})=>{const allowed=useAdminStaffPermission({plugin,module,permission});return _jsx(_Fragment,{children:allowed?children:fallback})};export const AdminStaffPermissionGate=({children,fallback=null,...args})=>_jsx(React.Suspense,{fallback:fallback,children:_jsx(AdminStaffPermissionGateResolved,{fallback:fallback,...args,children:children})});

package/dist/src/components/switchers/langs/language-switcher-content.d.ts

@@ -0,0 +1,16 @@
+import type { LocaleConfig } from "../../../lib/i18n/types";
+interface LanguageSwitcherReadyProps {
+    currentLocale: string;
+    onSelect: (locale: string) => void;
+}
+interface LanguageSwitcherPendingProps {
+    currentLocale?: never;
+    onSelect?: never;
+}
+export type LanguageSwitcherContentProps = (LanguageSwitcherPendingProps | LanguageSwitcherReadyProps) & {
+    isPending?: boolean;
+    options: LocaleConfig[];
+};
+export declare const LanguageSwitcherContent: ({ currentLocale, isPending, onSelect, options, }: LanguageSwitcherContentProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=language-switcher-content.d.ts.map

package/dist/src/components/switchers/langs/language-switcher-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"language-switcher-content.d.ts","sourceRoot":"","sources":["../../../../../src/components/switchers/langs/language-switcher-content.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAkCrD,UAAU,0BAA0B;IAElC,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAkBD,UAAU,4BAA4B;IACpC,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB;AAED,MAAM,MAAM,4BAA4B,GAAG,CACzC,4BAA4B,GAAG,0BAA0B,CAC1D,GAAG;IAEF,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,OAAO,EAAE,YAAY,EAAE,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,kDAKrC,4BAA4B,gCAsC9B,CAAC"}