@bbki.ng/components 2.6.11 → 2.6.12

package/dist/index.cjs

@@ -163,6 +163,7 @@ var Article = (props) => {
 
 // lib/button/Button.tsx
 var import_react4 = __toESM(require("react"), 1);
+var import_classnames4 = __toESM(require("classnames"), 1);
 var ButtonType = /* @__PURE__ */ ((ButtonType2) => {
   ButtonType2["DANGER"] = "danger";
   ButtonType2["PRIMARY"] = "primary";
@@ -177,11 +178,28 @@ function Button(props) {
     ["disabled" /* DISABLED */]: "text-gray-400 cursor-not-allowed",
     ["normal" /* NORMAL */]: "text-black"
   };
+  const [pressed, setPressed] = import_react4.default.useState(false);
   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";
+  const shadowTransCls = type === "disabled" /* DISABLED */ ? "" : (0, import_classnames4.default)(
+    "transition-all duration-200 ease-in-out shadow-button active:shadow-empty",
+    {
+      "shadow-empty": pressed,
+      "hover:shadow-button-hover": !pressed
+    }
+  );
+  const handleClick = (e) => {
+    if (type === "disabled" /* DISABLED */) {
+      return;
+    }
+    setPressed(true);
+    setTimeout(() => {
+      setPressed(false);
+      onClick(e);
+    }, 280);
+  };
   return /* @__PURE__ */ import_react4.default.createElement("button", {
     className: `${typeClsMap[type]} ${className} ${shadowTransCls} py-8 px-16 transition-all duration-200 ease-in-out`,
-    onClick,
+    onClick: handleClick,
     type: btnType
   }, props.children);
 }
@@ -230,10 +248,10 @@ var import_react7 = __toESM(require("react"), 1);
 
 // lib/breadcrumb/Breadcrumb.tsx
 var import_react6 = __toESM(require("react"), 1);
-var import_classnames5 = __toESM(require("classnames"), 1);
+var import_classnames6 = __toESM(require("classnames"), 1);
 
 // lib/link/Link.tsx
-var import_classnames4 = __toESM(require("classnames"), 1);
+var import_classnames5 = __toESM(require("classnames"), 1);
 var import_react_router_dom = require("react-router-dom");
 var import_react5 = __toESM(require("react"), 1);
 var LinkColor = /* @__PURE__ */ ((LinkColor2) => {
@@ -267,7 +285,7 @@ var Link = (props) => {
     readonly,
     ...rest
   } = props;
-  const linkCls = (0, import_classnames4.default)(
+  const linkCls = (0, import_classnames5.default)(
     className,
     "rounded",
     "!no-underline",
@@ -287,9 +305,9 @@ var Link = (props) => {
   }
   if (readonly) {
     const isNonEnName = !/^[a-zA-Z~]+$/.test(children);
-    const offsetCls = (0, import_classnames4.default)({ "relative top-[2px]": isNonEnName });
+    const offsetCls = (0, import_classnames5.default)({ "relative top-[2px]": isNonEnName });
     return /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, /* @__PURE__ */ import_react5.default.createElement("span", {
-      className: (0, import_classnames4.default)("text-gray-400", offsetCls),
+      className: (0, import_classnames5.default)("text-gray-400", offsetCls),
       style: { padding: 4 }
     }, children), /* @__PURE__ */ import_react5.default.createElement(BlinkDot, {
       status
@@ -313,7 +331,7 @@ var Breadcrumb = (props) => {
       className: "text-gray-400"
     }, "/");
     const isNonEnName = !/^[a-zA-Z~]+$/.test(name);
-    const offsetCls = (0, import_classnames5.default)({ "relative top-[2px]": isNonEnName });
+    const offsetCls = (0, import_classnames6.default)({ "relative top-[2px]": isNonEnName });
     const isLast = index === paths.length - 1;
     const status = loading && isLast ? "blink" : "hidden";
     return /* @__PURE__ */ import_react6.default.createElement("span", {
@@ -355,7 +373,7 @@ var Nav = (props) => {
 };
 
 // lib/tag/Tag.tsx
-var import_classnames6 = __toESM(require("classnames"), 1);
+var import_classnames7 = __toESM(require("classnames"), 1);
 var import_react8 = __toESM(require("react"), 1);
 var Tag = (props) => {
   return /* @__PURE__ */ import_react8.default.createElement(Link, {
@@ -366,13 +384,13 @@ var Tag = (props) => {
 var Tags = (props) => {
   const { tags, className } = props;
   return /* @__PURE__ */ import_react8.default.createElement("div", {
-    className: (0, import_classnames6.default)(className, "inline-block")
+    className: (0, import_classnames7.default)(className, "inline-block")
   }, tags.map((tag, index) => {
     const isLast = index === tags.length - 1;
     return /* @__PURE__ */ import_react8.default.createElement(Tag, {
       ...tag,
       key: tag.to,
-      className: (0, import_classnames6.default)({ "mr-8": !isLast })
+      className: (0, import_classnames7.default)({ "mr-8": !isLast })
     });
   }));
 };
@@ -486,28 +504,28 @@ Table.Cell = (props) => /* @__PURE__ */ import_react12.default.createElement("td
 }, props.children);
 
 // lib/skeleton/Seleton.tsx
-var import_classnames8 = __toESM(require("classnames"), 1);
+var import_classnames9 = __toESM(require("classnames"), 1);
 var import_react14 = __toESM(require("react"), 1);
 
 // lib/list/list.tsx
-var import_classnames7 = __toESM(require("classnames"), 1);
+var import_classnames8 = __toESM(require("classnames"), 1);
 var import_react13 = __toESM(require("react"), 1);
 var List = (props) => {
   const { items, itemRenderer, className, horizontal, compact, footer } = props;
   const spaceCls = compact ? "" : horizontal ? "mr-3" : "mb-16";
   return /* @__PURE__ */ import_react13.default.createElement("ul", {
-    className: (0, import_classnames7.default)(className, "list-style-none", {
+    className: (0, import_classnames8.default)(className, "list-style-none", {
       flex: horizontal,
       "items-center": horizontal
     })
   }, items.map((item, index) => {
     return /* @__PURE__ */ import_react13.default.createElement("li", {
       key: item.id || index,
-      className: (0, import_classnames7.default)(spaceCls, "flex-shrink-0", { "!my-0": horizontal })
+      className: (0, import_classnames8.default)(spaceCls, "flex-shrink-0", { "!my-0": horizontal })
     }, itemRenderer(item, index));
   }), footer && /* @__PURE__ */ import_react13.default.createElement("li", {
     key: "footer",
-    className: (0, import_classnames7.default)(spaceCls, "flex-shrink-0", { "!my-0": horizontal })
+    className: (0, import_classnames8.default)(spaceCls, "flex-shrink-0", { "!my-0": horizontal })
   }, footer));
 };
 var TitledList = (props) => {
@@ -566,7 +584,7 @@ var Skeleton = (props) => {
     className
   } = props;
   return /* @__PURE__ */ import_react14.default.createElement("div", {
-    className: (0, import_classnames8.default)(
+    className: (0, import_classnames9.default)(
       COLOR_MAPPING2[bgColor],
       "animate-pulse",
       "rounded",
@@ -612,7 +630,7 @@ var LinkListSkeleton = (props) => {
 };
 
 // lib/drop-image/DropImage.tsx
-var import_classnames9 = __toESM(require("classnames"), 1);
+var import_classnames10 = __toESM(require("classnames"), 1);
 var import_react16 = __toESM(require("react"), 1);
 var import_react17 = require("react");
 
@@ -731,7 +749,7 @@ var ImagePreviewer = (props) => {
     className
   } = props;
   return /* @__PURE__ */ import_react16.default.createElement("img", {
-    className: (0, import_classnames9.default)(
+    className: (0, import_classnames10.default)(
       className,
       "max-w-[100%]",
       "h-[auto]",
@@ -795,7 +813,7 @@ var GhostDropImage = (props) => {
       document.removeEventListener("dragenter", handleDocDragEnter);
     };
   }, []);
-  const coverCls = (0, import_classnames9.default)("fixed", "top-0", "left-0", "h-full", "w-full", {
+  const coverCls = (0, import_classnames10.default)("fixed", "top-0", "left-0", "h-full", "w-full", {
     "lqip-blur": coverVisible,
     "z-[999]": coverVisible,
     block: coverVisible,
@@ -875,7 +893,7 @@ var DropImage = (props) => {
     });
   };
   return /* @__PURE__ */ import_react16.default.createElement("div", {
-    className: (0, import_classnames9.default)(
+    className: (0, import_classnames10.default)(
       className,
       "transition-all items-center justify-center flex duration-200 ease-in-out",
       {
@@ -901,26 +919,26 @@ var DropImage = (props) => {
 };
 
 // lib/layout/layout.tsx
-var import_classnames10 = __toESM(require("classnames"), 1);
+var import_classnames11 = __toESM(require("classnames"), 1);
 var import_react18 = __toESM(require("react"), 1);
 var ThreeColLayout = (props) => {
   const { leftRenderer, middleRenderer, rightRenderer } = props;
-  const colCls = (0, import_classnames10.default)("max-h-full overflow-auto xl:!block py-128");
+  const colCls = (0, import_classnames11.default)("max-h-full overflow-auto xl:!block py-128");
   return /* @__PURE__ */ import_react18.default.createElement("div", {
     className: "grid grid-cols-1 xl:grid-cols-3 gap-4 h-full w-full"
   }, /* @__PURE__ */ import_react18.default.createElement("div", {
-    className: (0, import_classnames10.default)("hidden", colCls)
+    className: (0, import_classnames11.default)("hidden", colCls)
   }, leftRenderer && leftRenderer()), /* @__PURE__ */ import_react18.default.createElement("div", {
-    className: (0, import_classnames10.default)(colCls, "sm:px-128 xl:px-0 no-scrollbar", "relative", {
+    className: (0, import_classnames11.default)(colCls, "sm:px-128 xl:px-0 no-scrollbar", "relative", {
       hidden: !middleRenderer
     })
   }, middleRenderer && middleRenderer()), /* @__PURE__ */ import_react18.default.createElement("div", {
-    className: (0, import_classnames10.default)("hidden", colCls)
+    className: (0, import_classnames11.default)("hidden", colCls)
   }, rightRenderer && rightRenderer()));
 };
 
 // lib/img/Img.tsx
-var import_classnames11 = __toESM(require("classnames"), 1);
+var import_classnames12 = __toESM(require("classnames"), 1);
 var import_react19 = __toESM(require("react"), 1);
 
 // lib/img/types.ts
@@ -1001,7 +1019,7 @@ var Img = (props) => {
     img.onload = updateFunc;
   };
   return /* @__PURE__ */ import_react19.default.createElement("span", {
-    className: (0, import_classnames11.default)(
+    className: (0, import_classnames12.default)(
       className,
       "inline-block",
       "relative",
@@ -1029,7 +1047,7 @@ var Img = (props) => {
     style: {
       contentVisibility: "auto"
     },
-    className: (0, import_classnames11.default)(
+    className: (0, import_classnames12.default)(
       "transition-opacity",
       "opacity-100",
       "duration-500",
@@ -1039,7 +1057,7 @@ var Img = (props) => {
     )
   }), /* @__PURE__ */ import_react19.default.createElement("img", {
     src: emptyDataURL,
-    className: (0, import_classnames11.default)(
+    className: (0, import_classnames12.default)(
       "lqip-blur",
       "absolute",
       "h-full",
@@ -1057,11 +1075,11 @@ var Img = (props) => {
 };
 
 // lib/img/Gallery.tsx
-var import_classnames13 = __toESM(require("classnames"), 1);
+var import_classnames14 = __toESM(require("classnames"), 1);
 var import_react21 = __toESM(require("react"), 1);
 
 // lib/img/RandomRowsLayout.tsx
-var import_classnames12 = __toESM(require("classnames"), 1);
+var import_classnames13 = __toESM(require("classnames"), 1);
 var import_react20 = __toESM(require("react"), 1);
 var last = (arr) => {
   if (arr.length < 2) {
@@ -1102,12 +1120,12 @@ var RandomRowsLayout = import_react20.default.memo(
     const {
       cellsCount,
       cellRenderer,
-      classNames: classNames8 = "",
+      classNames: classNames9 = "",
       cellWrapperClsGenerator = defaultCellClsGenerator
     } = props;
     const colNums = generateRandomColNum(cellsCount);
     return /* @__PURE__ */ import_react20.default.createElement("div", {
-      className: classNames8
+      className: classNames9
     }, colNums.map((colNum, row) => {
       const randBool = generateRandomBoolean(
         colNum < 2 ? 0.6 : 0.5
@@ -1122,7 +1140,7 @@ var RandomRowsLayout = import_react20.default.memo(
           generateRandomBoolean()
         );
         const currentIdx = sumColNumByIdx(colNums, row) + col;
-        const cls6 = (0, import_classnames12.default)(
+        const cls6 = (0, import_classnames13.default)(
           "flex items-center justify-center flex-shrink-0 flex-grow-0",
           "basis-full",
           generatedCls
@@ -1142,7 +1160,7 @@ var RandomRowsLayout = import_react20.default.memo(
 // lib/img/Gallery.tsx
 var defaultImageRenderer = (img, index, col) => {
   return /* @__PURE__ */ import_react21.default.createElement("div", {
-    className: (0, import_classnames13.default)("mb-128", {
+    className: (0, import_classnames14.default)("mb-128", {
       "md:mr-64": col === 0,
       "md:ml-64": col !== 0
     })
@@ -1172,7 +1190,7 @@ var Gallery = (props) => {
     );
   };
   return /* @__PURE__ */ import_react21.default.createElement("div", {
-    className: (0, import_classnames13.default)("w-full flex justify-center", className)
+    className: (0, import_classnames14.default)("w-full flex justify-center", className)
   }, /* @__PURE__ */ import_react21.default.createElement(RandomRowsLayout, {
     classNames: "mx-32 mt-128 max-w-screen-xl",
     cellsCount: images.length,
@@ -1183,7 +1201,7 @@ var Gallery = (props) => {
 
 // lib/loading-spiral/LoadingSpiral.tsx
 var import_phenomenon = __toESM(require("phenomenon"), 1);
-var import_classnames14 = __toESM(require("classnames"), 1);
+var import_classnames15 = __toESM(require("classnames"), 1);
 var import_react22 = __toESM(require("react"), 1);
 
 // lib/loading-spiral/createSettings.ts
@@ -1321,7 +1339,7 @@ var LoadingSpiral = (props) => {
       imageRendering: "pixelated"
     },
     ref: canvasRef,
-    className: (0, import_classnames14.default)(
+    className: (0, import_classnames15.default)(
       "h-full w-full overflow-hidden flex justify-center items-center aspect-1",
       className
     )
@@ -1330,7 +1348,7 @@ var LoadingSpiral = (props) => {
 
 // lib/drop-zone/DropZone.tsx
 var import_react23 = __toESM(require("react"), 1);
-var import_classnames15 = __toESM(require("classnames"), 1);
+var import_classnames16 = __toESM(require("classnames"), 1);
 var DropZone = (props) => {
   const { onDrop, children, className, style } = props;
   const [coverVisible, setCoverVisible] = (0, import_react23.useState)(false);
@@ -1357,7 +1375,7 @@ var DropZone = (props) => {
     e.preventDefault();
     setCoverVisible(true);
   };
-  const coverCls = (0, import_classnames15.default)("fixed", "top-0", "left-0", "h-full", "w-full", {
+  const coverCls = (0, import_classnames16.default)("fixed", "top-0", "left-0", "h-full", "w-full", {
     "text-blur": coverVisible,
     "z-[999]": coverVisible,
     block: coverVisible,
@@ -1377,7 +1395,7 @@ var DropZone = (props) => {
 var React23 = __toESM(require("react"), 1);
 var ContextMenuPrimitive = __toESM(require("@radix-ui/react-context-menu"), 1);
 var import_react_icons = require("@radix-ui/react-icons");
-var import_classnames16 = __toESM(require("classnames"), 1);
+var import_classnames17 = __toESM(require("classnames"), 1);
 "use client";
 var ContextMenu = ContextMenuPrimitive.Root;
 var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
@@ -1387,7 +1405,7 @@ var ContextMenuSub = ContextMenuPrimitive.Sub;
 var ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
 var ContextMenuSubTrigger = React23.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React23.createElement(ContextMenuPrimitive.SubTrigger, {
   ref,
-  className: (0, import_classnames16.default)(
+  className: (0, import_classnames17.default)(
     "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
     inset && "pl-32",
     className
@@ -1399,7 +1417,7 @@ var ContextMenuSubTrigger = React23.forwardRef(({ className, inset, children, ..
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
 var ContextMenuSubContent = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React23.createElement(ContextMenuPrimitive.SubContent, {
   ref,
-  className: (0, import_classnames16.default)(
+  className: (0, import_classnames17.default)(
     "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
     className
   ),
@@ -1408,7 +1426,7 @@ var ContextMenuSubContent = React23.forwardRef(({ className, ...props }, ref) =>
 ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
 var ContextMenuContent = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React23.createElement(ContextMenuPrimitive.Portal, null, /* @__PURE__ */ React23.createElement(ContextMenuPrimitive.Content, {
   ref,
-  className: (0, import_classnames16.default)(
+  className: (0, import_classnames17.default)(
     "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
     className
   ),
@@ -1417,7 +1435,7 @@ var ContextMenuContent = React23.forwardRef(({ className, ...props }, ref) => /*
 ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
 var ContextMenuItem = React23.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React23.createElement(ContextMenuPrimitive.Item, {
   ref,
-  className: (0, import_classnames16.default)(
+  className: (0, import_classnames17.default)(
     "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
     inset && "pl-32",
     className
@@ -1427,7 +1445,7 @@ var ContextMenuItem = React23.forwardRef(({ className, inset, ...props }, ref) =
 ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
 var ContextMenuCheckboxItem = React23.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React23.createElement(ContextMenuPrimitive.CheckboxItem, {
   ref,
-  className: (0, import_classnames16.default)(
+  className: (0, import_classnames17.default)(
     "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-32 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
     className
   ),
@@ -1441,7 +1459,7 @@ var ContextMenuCheckboxItem = React23.forwardRef(({ className, children, checked
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
 var ContextMenuRadioItem = React23.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React23.createElement(ContextMenuPrimitive.RadioItem, {
   ref,
-  className: (0, import_classnames16.default)(
+  className: (0, import_classnames17.default)(
     "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-32 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
     className
   ),
@@ -1454,7 +1472,7 @@ var ContextMenuRadioItem = React23.forwardRef(({ className, children, ...props }
 ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
 var ContextMenuLabel = React23.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React23.createElement(ContextMenuPrimitive.Label, {
   ref,
-  className: (0, import_classnames16.default)(
+  className: (0, import_classnames17.default)(
     "px-2 py-1.5 text-sm font-semibold text-foreground",
     inset && "pl-32",
     className
@@ -1464,7 +1482,7 @@ var ContextMenuLabel = React23.forwardRef(({ className, inset, ...props }, ref)
 ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
 var ContextMenuSeparator = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React23.createElement(ContextMenuPrimitive.Separator, {
   ref,
-  className: (0, import_classnames16.default)("-mx-1 my-1 h-px bg-border", className),
+  className: (0, import_classnames17.default)("-mx-1 my-1 h-px bg-border", className),
   ...props
 }));
 ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
@@ -1473,7 +1491,7 @@ var ContextMenuShortcut = ({
   ...props
 }) => {
   return /* @__PURE__ */ React23.createElement("span", {
-    className: (0, import_classnames16.default)(
+    className: (0, import_classnames17.default)(
       "ml-auto text-xs tracking-widest text-muted-foreground",
       className
     ),
@@ -1488,20 +1506,20 @@ var import_zod = require("zod");
 var import_react_slot = require("@radix-ui/react-slot");
 var import_zod2 = require("@hookform/resolvers/zod");
 var import_react_hook_form = require("react-hook-form");
-var import_classnames18 = __toESM(require("classnames"), 1);
+var import_classnames19 = __toESM(require("classnames"), 1);
 
 // lib/label/index.tsx
 var React24 = __toESM(require("react"), 1);
 var LabelPrimitive = __toESM(require("@radix-ui/react-label"), 1);
 var import_class_variance_authority = require("class-variance-authority");
-var import_classnames17 = __toESM(require("classnames"), 1);
+var import_classnames18 = __toESM(require("classnames"), 1);
 "use client";
 var labelVariants = (0, import_class_variance_authority.cva)(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
 var Label2 = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React24.createElement(LabelPrimitive.Root, {
   ref,
-  className: (0, import_classnames17.default)(labelVariants(), className),
+  className: (0, import_classnames18.default)(labelVariants(), className),
   ...props
 }));
 Label2.displayName = LabelPrimitive.Root.displayName;
@@ -1548,7 +1566,7 @@ var FormItem = React25.forwardRef(({ className, ...props }, ref) => {
     value: { id }
   }, /* @__PURE__ */ React25.createElement("div", {
     ref,
-    className: (0, import_classnames18.default)("space-y-2", className),
+    className: (0, import_classnames19.default)("space-y-2", className),
     ...props
   }));
 });
@@ -1557,7 +1575,7 @@ var FormLabel = React25.forwardRef(({ className, ...props }, ref) => {
   const { error, formItemId } = useFormField();
   return /* @__PURE__ */ React25.createElement(Label2, {
     ref,
-    className: (0, import_classnames18.default)(error && "text-destructive", className),
+    className: (0, import_classnames19.default)(error && "text-destructive", className),
     htmlFor: formItemId,
     ...props
   });
@@ -1579,7 +1597,7 @@ var FormDescription = React25.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ React25.createElement("p", {
     ref,
     id: formDescriptionId,
-    className: (0, import_classnames18.default)("text-sm text-muted-foreground", className),
+    className: (0, import_classnames19.default)("text-sm text-muted-foreground", className),
     ...props
   });
 });
@@ -1593,7 +1611,7 @@ var FormMessage = React25.forwardRef(({ className, children, ...props }, ref) =>
   return /* @__PURE__ */ React25.createElement("p", {
     ref,
     id: formMessageId,
-    className: (0, import_classnames18.default)("text-sm font-medium text-destructive", className),
+    className: (0, import_classnames19.default)("text-sm font-medium text-destructive", className),
     ...props
   }, body);
 });
@@ -1601,12 +1619,12 @@ FormMessage.displayName = "FormMessage";
 
 // lib/input/index.tsx
 var React26 = __toESM(require("react"), 1);
-var import_classnames19 = __toESM(require("classnames"), 1);
+var import_classnames20 = __toESM(require("classnames"), 1);
 var Input = React26.forwardRef(
   ({ className, type, ...props }, ref) => {
     return /* @__PURE__ */ React26.createElement("input", {
       type,
-      className: (0, import_classnames19.default)(
+      className: (0, import_classnames20.default)(
         "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
       ),