@bbki.ng/components 2.5.11 → 2.6.0

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