@bbki.ng/components 2.5.10 → 2.6.0

package/dist/index.d.ts

@@ -2,6 +2,15 @@ import * as React from 'react';
 import React__default, { FunctionComponent, EventHandler, ReactElement, CSSProperties, Ref, ReactNode } from 'react';
 import { LinkProps as LinkProps$1 } from 'react-router-dom';
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import * as _radix_ui_react_slot from '@radix-ui/react-slot';
+import * as react_hook_form from 'react-hook-form';
+import { FieldValues, ControllerProps } from 'react-hook-form';
+export { useForm } from 'react-hook-form';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
+import { VariantProps } from 'class-variance-authority';
+export { z } from 'zod';
+export { zodResolver } from '@hookform/resolvers/zod';
 
 declare type ArticleProps = {
     title: any;
@@ -23,6 +32,7 @@ interface ButtonProps {
     children: React__default.ReactNode;
     type?: ButtonType;
     onClick: EventHandler<React__default.MouseEvent<HTMLButtonElement>>;
+    btnType?: "submit" | "reset" | "button";
 }
 declare function Button(props: ButtonProps): JSX.Element;
 declare namespace Button {
@@ -309,6 +319,30 @@ declare const ContextMenuShortcut: {
     displayName: string;
 };
 
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends react_hook_form.Path<TFieldValues> = react_hook_form.Path<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => JSX.Element;
+declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: react_hook_form.FieldError | undefined;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const FormLabel: React.ForwardRefExoticComponent<Pick<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "title" | "children" | "className" | "form" | "slot" | "style" | "onClick" | "hidden" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "asChild" | "htmlFor"> & React.RefAttributes<HTMLLabelElement>>;
+declare const FormControl: React.ForwardRefExoticComponent<Pick<_radix_ui_react_slot.SlotProps & React.RefAttributes<HTMLElement>, "key" | keyof _radix_ui_react_slot.SlotProps> & React.RefAttributes<HTMLElement>>;
+declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+
+declare const Label: React.ForwardRefExoticComponent<Pick<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "title" | "children" | "className" | "form" | "slot" | "style" | "onClick" | "hidden" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "asChild" | "htmlFor"> & VariantProps<(props?: class_variance_authority_dist_types.ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
+
+declare const Input: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & React.RefAttributes<HTMLInputElement>>;
+
 declare type BlurCoverProps = {
     status: "silent" | "show";
     className?: string;
@@ -338,4 +372,4 @@ interface ICanvasProps extends React__default.HTMLAttributes<HTMLCanvasElement>
 }
 declare const Canvas: (props: ICanvasProps) => JSX.Element;
 
-export { Article, ArticleProps, ArticleSkeleton, ArticleSkeletonProps, AttributeProps, BLinkDotProps, BlinkDot, BlurCover, BlurCoverProps, Breadcrumb, BreadcrumbProps, Button, ButtonProps, ButtonType, Canvas, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DropImage, DropZone, DropZoneProps, Error, ErrorBoundary, Gallery, GalleryProps, ICanvasProps, ImageDropProps, ImagePreviewerProps, ImageRenderer, Img, ImgProps, Link, LinkColor, LinkList, LinkListProps, LinkListSkeleton, LinkListSkeletonProps, LinkProps, List, LoadingSpiral, LoadingSpiralProps, Logo, LogoProps, Nav, NavProps, NotFound, Page, Panel, PanelProps, PathObj, Photo, PopConfirm, PopConfirmProps, Skeleton, SkeletonColor, SkeletonProps, Table, TableProps, Tag, TagProps, Tags, ThreeColLayout, TitledList, TitledListProps, UniformProps, listProps, ossProcessType, threeColLayoutProps };
+export { Article, ArticleProps, ArticleSkeleton, ArticleSkeletonProps, AttributeProps, BLinkDotProps, BlinkDot, BlurCover, BlurCoverProps, Breadcrumb, BreadcrumbProps, Button, ButtonProps, ButtonType, Canvas, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DropImage, DropZone, DropZoneProps, Error, ErrorBoundary, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Gallery, GalleryProps, ICanvasProps, ImageDropProps, ImagePreviewerProps, ImageRenderer, Img, ImgProps, Input, Label, Link, LinkColor, LinkList, LinkListProps, LinkListSkeleton, LinkListSkeletonProps, LinkProps, List, LoadingSpiral, LoadingSpiralProps, Logo, LogoProps, Nav, NavProps, NotFound, Page, Panel, PanelProps, PathObj, Photo, PopConfirm, PopConfirmProps, Skeleton, SkeletonColor, SkeletonProps, Table, TableProps, Tag, TagProps, Tags, ThreeColLayout, TitledList, TitledListProps, UniformProps, listProps, ossProcessType, threeColLayoutProps, useFormField };

package/dist/index.js

@@ -30,11 +30,12 @@ function Button(props) {
     ["disabled" /* DISABLED */]: "text-gray-400 cursor-not-allowed",
     ["normal" /* NORMAL */]: "text-black"
   };
-  const { type = "normal" /* NORMAL */, className = "", onClick } = props;
+  const { type = "normal" /* NORMAL */, className = "", onClick, btnType } = props;
   const shadowTransCls = type === "disabled" /* DISABLED */ ? "" : "transition-all duration-200 ease-in-out shadow-button hover:shadow-button-hover active:shadow-empty";
   return /* @__PURE__ */ React2.createElement("button", {
     className: `${typeClsMap[type]} ${className} ${shadowTransCls} py-8 px-16 transition-all duration-200 ease-in-out`,
-    onClick
+    onClick,
+    type: btnType
   }, props.children);
 }
 Button.displayName = "Button";
@@ -275,11 +276,11 @@ var Page = (props) => {
   }, main));
 };
 var NotFound = (props) => {
-  return /* @__PURE__ */ React10.createElement(Error, {
+  return /* @__PURE__ */ React10.createElement(Error2, {
     error: { name: "404", message: "Not Found" }
   });
 };
-var Error = (props) => {
+var Error2 = (props) => {
   const { error } = props;
   return /* @__PURE__ */ React10.createElement("div", {
     className: "prose"
@@ -301,7 +302,7 @@ var ErrorBoundary = class extends React10.Component {
         title: "\u51FA\u9519"
       }, /* @__PURE__ */ React10.createElement("div", {
         className: "relative h-256"
-      }, /* @__PURE__ */ React10.createElement(Error, {
+      }, /* @__PURE__ */ React10.createElement(Error2, {
         error: this.state.error
       })));
     }
@@ -1272,7 +1273,7 @@ var ContextMenuSubTrigger = React22.forwardRef(({ className, inset, children, ..
   ),
   ...props
 }, children, /* @__PURE__ */ React22.createElement(ChevronRightIcon, {
-  className: "ml-auto h-4 w-4"
+  className: "ml-auto"
 })));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
 var ContextMenuSubContent = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React22.createElement(ContextMenuPrimitive.SubContent, {
@@ -1360,8 +1361,148 @@ var ContextMenuShortcut = ({
 };
 ContextMenuShortcut.displayName = "ContextMenuShortcut";
 
+// lib/form/index.tsx
+import * as React24 from "react";
+import { z } from "zod";
+import { Slot } from "@radix-ui/react-slot";
+import { zodResolver } from "@hookform/resolvers/zod";
+import {
+  Controller,
+  useForm,
+  FormProvider,
+  useFormContext
+} from "react-hook-form";
+import cn3 from "classnames";
+
+// lib/label/index.tsx
+import * as React23 from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cva } from "class-variance-authority";
+import cn2 from "classnames";
+"use client";
+var labelVariants = cva(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+var Label2 = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React23.createElement(LabelPrimitive.Root, {
+  ref,
+  className: cn2(labelVariants(), className),
+  ...props
+}));
+Label2.displayName = LabelPrimitive.Root.displayName;
+
+// lib/form/index.tsx
+"use client";
+var Form = FormProvider;
+var FormFieldContext = React24.createContext(
+  {}
+);
+var FormField = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ React24.createElement(FormFieldContext.Provider, {
+    value: { name: props.name }
+  }, /* @__PURE__ */ React24.createElement(Controller, {
+    ...props
+  }));
+};
+var useFormField = () => {
+  const fieldContext = React24.useContext(FormFieldContext);
+  const itemContext = React24.useContext(FormItemContext);
+  const { getFieldState, formState } = useFormContext();
+  const fieldState = getFieldState(fieldContext.name, formState);
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within <FormField>");
+  }
+  const { id } = itemContext;
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState
+  };
+};
+var FormItemContext = React24.createContext(
+  {}
+);
+var FormItem = React24.forwardRef(({ className, ...props }, ref) => {
+  const id = React24.useId();
+  return /* @__PURE__ */ React24.createElement(FormItemContext.Provider, {
+    value: { id }
+  }, /* @__PURE__ */ React24.createElement("div", {
+    ref,
+    className: cn3("space-y-2", className),
+    ...props
+  }));
+});
+FormItem.displayName = "FormItem";
+var FormLabel = React24.forwardRef(({ className, ...props }, ref) => {
+  const { error, formItemId } = useFormField();
+  return /* @__PURE__ */ React24.createElement(Label2, {
+    ref,
+    className: cn3(error && "text-destructive", className),
+    htmlFor: formItemId,
+    ...props
+  });
+});
+FormLabel.displayName = "FormLabel";
+var FormControl = React24.forwardRef(({ ...props }, ref) => {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+  return /* @__PURE__ */ React24.createElement(Slot, {
+    ref,
+    id: formItemId,
+    "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+    "aria-invalid": !!error,
+    ...props
+  });
+});
+FormControl.displayName = "FormControl";
+var FormDescription = React24.forwardRef(({ className, ...props }, ref) => {
+  const { formDescriptionId } = useFormField();
+  return /* @__PURE__ */ React24.createElement("p", {
+    ref,
+    id: formDescriptionId,
+    className: cn3("text-sm text-muted-foreground", className),
+    ...props
+  });
+});
+FormDescription.displayName = "FormDescription";
+var FormMessage = React24.forwardRef(({ className, children, ...props }, ref) => {
+  const { error, formMessageId } = useFormField();
+  const body = error ? String(error == null ? void 0 : error.message) : children;
+  if (!body) {
+    return null;
+  }
+  return /* @__PURE__ */ React24.createElement("p", {
+    ref,
+    id: formMessageId,
+    className: cn3("text-sm font-medium text-destructive", className),
+    ...props
+  }, body);
+});
+FormMessage.displayName = "FormMessage";
+
+// lib/input/index.tsx
+import * as React25 from "react";
+import cn4 from "classnames";
+var Input = React25.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ React25.createElement("input", {
+      type,
+      className: cn4(
+        "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      ),
+      ref,
+      ...props
+    });
+  }
+);
+Input.displayName = "Input";
+
 // lib/blur-cover/BlurCover.tsx
-import React23 from "react";
+import React26 from "react";
 import cls5 from "classnames";
 var BlurCover = (props) => {
   const { status } = props;
@@ -1382,13 +1523,13 @@ var BlurCover = (props) => {
     },
     props.className
   );
-  return /* @__PURE__ */ React23.createElement("div", {
+  return /* @__PURE__ */ React26.createElement("div", {
     className: coverCls
   });
 };
 
 // lib/canvas/Canvas.tsx
-import React24, { useEffect as useEffect6 } from "react";
+import React27, { useEffect as useEffect6 } from "react";
 
 // lib/canvas/useRenderer.ts
 import { useEffect as useEffect5, useRef as useRef3, useState as useState7 } from "react";
@@ -1487,7 +1628,7 @@ var Canvas = (props) => {
       renderer.remove(instName);
     };
   }, [renderer]);
-  return /* @__PURE__ */ React24.createElement("canvas", {
+  return /* @__PURE__ */ React27.createElement("canvas", {
     style: {
       ...props.style,
       imageRendering: "pixelated"
@@ -1522,10 +1663,19 @@ export {
   ContextMenuTrigger,
   DropImage,
   DropZone,
-  Error,
+  Error2 as Error,
   ErrorBoundary,
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
   Gallery,
   Img,
+  Input,
+  Label2 as Label,
   Link,
   LinkColor,
   LinkList,
@@ -1545,6 +1695,10 @@ export {
   Tags,
   ThreeColLayout,
   TitledList,
-  ossProcessType
+  ossProcessType,
+  useForm,
+  useFormField,
+  z,
+  zodResolver
 };
 //# sourceMappingURL=index.js.map