@deepnoid/ui 0.1.60 → 0.1.62

package/dist/{chunk-LDRIZFBK.mjs → chunk-53UVUUMJ.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
   input_default
-} from "./chunk-UETBYMGS.mjs";
-import {
-  button_default
-} from "./chunk-DN6AW7DN.mjs";
+} from "./chunk-ZNDWOIP4.mjs";
 import {
   icon_button_default
-} from "./chunk-DFBPLQMN.mjs";
+} from "./chunk-LW5CNZW5.mjs";
+import {
+  button_default
+} from "./chunk-VYUH25IC.mjs";
 
 // src/components/fileUpload/fileUpload.tsx
 import { useRef, useState, useEffect } from "react";

package/dist/{chunk-HHRKPSO6.mjs → chunk-BOT5U4IL.mjs}

@@ -2,12 +2,12 @@
 import {
   Icon_default
 } from "./chunk-DZ6QJCDZ.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/tree/tree.tsx
 import { forwardRef, useMemo, useState, useCallback } from "react";
@@ -132,7 +132,7 @@ var Tree = ({ headerContent, group, groupIcon, fileIcon, selectedId, classNames,
           ]
         }
       ),
-      /* @__PURE__ */ jsx("div", { className: slots.gap({ class: classNames == null ? void 0 : classNames.gap }), children: group.data.map((node) => /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx("div", { className: slots.itemWrapper({ class: classNames == null ? void 0 : classNames.itemWrapper }), children: group.data.map((node) => /* @__PURE__ */ jsx(
         TreeNodeItem,
         {
           node,
@@ -153,6 +153,7 @@ var treeStyle = tv({
   slots: {
     base: ["border", "border-neutral-light", "rounded-xl", "p-[20px]", "flex", "flex-col", "gap-[20px]", "select-none"],
     wrapper: ["flex", "flex-col", "gap-[5px]"],
+    itemWrapper: ["flex", "flex-col", "gap-[5px]"],
     node: [
       "flex",
       "items-center",

package/dist/{chunk-DLQGQUCD.mjs → chunk-CR7MUSOG.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-ZOTHPHXA.mjs";
 import {
   toast_default
-} from "./chunk-73RWXO3Y.mjs";
+} from "./chunk-B2BSN6WP.mjs";
 
 // src/components/toast/use-toast.tsx
 import { createContext, useContext, useState, useCallback, useEffect, useRef } from "react";

package/dist/{chunk-N5LPZPIB.mjs → chunk-CY2XMA4S.mjs}

@@ -1,22 +1,22 @@
 "use client";
-import {
-  calendar_default
-} from "./chunk-L3RCWZTV.mjs";
 import {
   timePicker_default
-} from "./chunk-DLFXCMUU.mjs";
+} from "./chunk-XIQHJBEM.mjs";
 import {
   useDatePicker
 } from "./chunk-FWJ2ZKH6.mjs";
+import {
+  calendar_default
+} from "./chunk-SWIYZRBZ.mjs";
 import {
   Icon_default
 } from "./chunk-DZ6QJCDZ.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/dateTimePicker/dateTimePicker.tsx
 import React, { forwardRef, useCallback, useMemo } from "react";

package/dist/{chunk-N4TTHIUT.mjs → chunk-FNBVQ77W.mjs}

@@ -1,19 +1,19 @@
 "use client";
 import {
   backdrop_default
-} from "./chunk-LL6F3WDX.mjs";
+} from "./chunk-P5QCU457.mjs";
 import {
   button_default
-} from "./chunk-DN6AW7DN.mjs";
+} from "./chunk-VYUH25IC.mjs";
 import {
   Icon_default
 } from "./chunk-DZ6QJCDZ.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/modal/modal.tsx
 import { forwardRef, useMemo, useEffect } from "react";

package/dist/{chunk-BPEMHZH3.mjs → chunk-KJMJIFPS.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-6PN3DGOE.mjs";
 import {
   checkbox_default
-} from "./chunk-D6QI3DJG.mjs";
+} from "./chunk-YLRYHUTW.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";

package/dist/{chunk-DFBPLQMN.mjs → chunk-LW5CNZW5.mjs}

@@ -1,19 +1,19 @@
 "use client";
-import {
-  useRipple
-} from "./chunk-6PNKRBUT.mjs";
 import {
   ripple_default
 } from "./chunk-LXHUO6VM.mjs";
+import {
+  useRipple
+} from "./chunk-6PNKRBUT.mjs";
 import {
   Icon_default
 } from "./chunk-DZ6QJCDZ.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/button/icon-button.tsx
 import { forwardRef, useMemo, useCallback } from "react";
@@ -115,7 +115,12 @@ var iconButtonStyle = tv({
     },
     isInGroup: {
       true: {
-        base: ["[&:not(:first-child):not(:last-child)]:rounded-none", "first:rounded-r-none", "last:rounded-l-none"]
+        base: [
+          "[&:not(:first-child):not(:last-child)]:rounded-none",
+          "first:rounded-r-none",
+          "last:rounded-l-none",
+          "[&:not(:first-child)]:border-l-0"
+        ]
       }
     }
   },

package/dist/{chunk-IKKJWD67.mjs → chunk-NNDBEMPD.mjs}

@@ -1,10 +1,10 @@
 "use client";
+import {
+  text_button_default
+} from "./chunk-YDGGBZAS.mjs";
 import {
   Icon_default
 } from "./chunk-DZ6QJCDZ.mjs";
-import {
-  text_button_default
-} from "./chunk-ULNKVIHZ.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";

package/dist/{chunk-LPZOH3RP.mjs → chunk-QC2XOK2E.mjs}

@@ -7,7 +7,8 @@ import {
 import React, { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 var ButtonGroup = forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx("div", { ref, className: buttonGroup(), children: React.Children.map(children, (child) => {
+  var _a;
+  return /* @__PURE__ */ jsx("div", { ref, className: buttonGroup({ className: (_a = props.classNames) == null ? void 0 : _a.base }), children: React.Children.map(children, (child) => {
     return React.cloneElement(child, {
       ...props,
       ...child.props,
@@ -19,7 +20,7 @@ var ButtonGroup = forwardRef(({ children, ...props }, ref) => {
 ButtonGroup.displayName = "ButtonGroup";
 var button_group_default = ButtonGroup;
 var buttonGroup = tv({
-  base: ["flex", "gap-[20px]"]
+  base: ["flex"]
 });
 
 export {

package/dist/{chunk-P7YYNA6L.mjs → chunk-SBL6IHEW.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-6PN3DGOE.mjs";
 import {
   checkbox_default
-} from "./chunk-D6QI3DJG.mjs";
+} from "./chunk-YLRYHUTW.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";

package/dist/{chunk-DN6AW7DN.mjs → chunk-VYUH25IC.mjs}

@@ -1,19 +1,19 @@
 "use client";
-import {
-  useRipple
-} from "./chunk-6PNKRBUT.mjs";
 import {
   ripple_default
 } from "./chunk-LXHUO6VM.mjs";
+import {
+  useRipple
+} from "./chunk-6PNKRBUT.mjs";
 import {
   Icon_default
 } from "./chunk-DZ6QJCDZ.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/button/button.tsx
 import React, { forwardRef, useMemo, useCallback } from "react";
@@ -145,7 +145,7 @@ var buttonStyle = tv({
     },
     isInGroup: {
       true: {
-        base: "[&:not(:first-child):not(:last-child)]:rounded-none first:rounded-r-none last:rounded-l-none"
+        base: "[&:not(:first-child):not(:last-child)]:rounded-none first:rounded-r-none last:rounded-l-none [&:not(:first-child)]:border-l-0"
       }
     }
   },

package/dist/{chunk-DLFXCMUU.mjs → chunk-XIQHJBEM.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import {
   list_default
-} from "./chunk-HIVPDIEP.mjs";
+} from "./chunk-UFVQPPPW.mjs";
 import {
   listItem_default
-} from "./chunk-YZDZYMBP.mjs";
+} from "./chunk-DQX2CILT.mjs";
 
 // src/components/dateTimePicker/timePicker.tsx
 import { useState, useRef, useEffect } from "react";

package/dist/{chunk-4T7R3PEH.mjs → chunk-XUY4V6IQ.mjs}

@@ -1,16 +1,16 @@
 "use client";
 import {
   table_body_default
-} from "./chunk-BPEMHZH3.mjs";
+} from "./chunk-KJMJIFPS.mjs";
 import {
   table_head_default
-} from "./chunk-P7YYNA6L.mjs";
+} from "./chunk-SBL6IHEW.mjs";
+import {
+  pagination_default
+} from "./chunk-YNKC7SHK.mjs";
 import {
   scrollArea_default
 } from "./chunk-M37VBNB3.mjs";
-import {
-  pagination_default
-} from "./chunk-LQEA2HU5.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";

package/dist/{chunk-ULNKVIHZ.mjs → chunk-YDGGBZAS.mjs}

@@ -1,13 +1,13 @@
 "use client";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/button/text-button.tsx
 import {
@@ -109,7 +109,12 @@ var textButtonStyle = tv({
     },
     isInGroup: {
       true: {
-        base: ["[&:not(:first-child):not(:last-child)]:rounded-none", "first:rounded-r-none", "last:rounded-l-none"]
+        base: [
+          "[&:not(:first-child):not(:last-child)]:rounded-none",
+          "first:rounded-r-none",
+          "last:rounded-l-none",
+          "[&:not(:first-child)]:border-l-0"
+        ]
       }
     }
   },

package/dist/{chunk-LQEA2HU5.mjs → chunk-YNKC7SHK.mjs}

@@ -4,19 +4,19 @@ import {
 } from "./chunk-F3HENRVM.mjs";
 import {
   input_default
-} from "./chunk-UETBYMGS.mjs";
+} from "./chunk-ZNDWOIP4.mjs";
 import {
   Icon_default
 } from "./chunk-DZ6QJCDZ.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/pagination/pagination.tsx
 import { forwardRef, useMemo, useState } from "react";

package/dist/components/backdrop/backdrop.mjs

@@ -1,9 +1,9 @@
 "use client";
 import {
   backdrop_default
-} from "../../chunk-LL6F3WDX.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
+} from "../../chunk-P5QCU457.mjs";
 import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   backdrop_default as default

package/dist/components/backdrop/index.mjs

@@ -2,9 +2,9 @@
 import "../../chunk-SE5TU755.mjs";
 import {
   backdrop_default
-} from "../../chunk-LL6F3WDX.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
+} from "../../chunk-P5QCU457.mjs";
 import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   backdrop_default as Backdrop

package/dist/components/breadcrumb/breadcrumb.js

@@ -4507,7 +4507,12 @@ var textButtonStyle = tv({
     },
     isInGroup: {
       true: {
-        base: ["[&:not(:first-child):not(:last-child)]:rounded-none", "first:rounded-r-none", "last:rounded-l-none"]
+        base: [
+          "[&:not(:first-child):not(:last-child)]:rounded-none",
+          "first:rounded-r-none",
+          "last:rounded-l-none",
+          "[&:not(:first-child)]:border-l-0"
+        ]
       }
     }
   },

package/dist/components/breadcrumb/breadcrumb.mjs

@@ -1,21 +1,21 @@
 "use client";
 import {
   breadcrumb_default
-} from "../../chunk-IKKJWD67.mjs";
+} from "../../chunk-NNDBEMPD.mjs";
 import "../../chunk-MY5U63QO.mjs";
-import "../../chunk-LPZOH3RP.mjs";
-import "../../chunk-DN6AW7DN.mjs";
-import "../../chunk-DFBPLQMN.mjs";
+import "../../chunk-LW5CNZW5.mjs";
+import "../../chunk-YDGGBZAS.mjs";
+import "../../chunk-QC2XOK2E.mjs";
+import "../../chunk-VYUH25IC.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-LXHUO6VM.mjs";
+import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-DZ6QJCDZ.mjs";
-import "../../chunk-ULNKVIHZ.mjs";
 import "../../chunk-3I7QA57V.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   breadcrumb_default as default

package/dist/components/breadcrumb/index.js

@@ -4509,7 +4509,12 @@ var textButtonStyle = tv({
     },
     isInGroup: {
       true: {
-        base: ["[&:not(:first-child):not(:last-child)]:rounded-none", "first:rounded-r-none", "last:rounded-l-none"]
+        base: [
+          "[&:not(:first-child):not(:last-child)]:rounded-none",
+          "first:rounded-r-none",
+          "last:rounded-l-none",
+          "[&:not(:first-child)]:border-l-0"
+        ]
       }
     }
   },

package/dist/components/breadcrumb/index.mjs

@@ -2,21 +2,21 @@
 import "../../chunk-KYIODWXL.mjs";
 import {
   breadcrumb_default
-} from "../../chunk-IKKJWD67.mjs";
+} from "../../chunk-NNDBEMPD.mjs";
 import "../../chunk-MY5U63QO.mjs";
-import "../../chunk-LPZOH3RP.mjs";
-import "../../chunk-DN6AW7DN.mjs";
-import "../../chunk-DFBPLQMN.mjs";
+import "../../chunk-LW5CNZW5.mjs";
+import "../../chunk-YDGGBZAS.mjs";
+import "../../chunk-QC2XOK2E.mjs";
+import "../../chunk-VYUH25IC.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-LXHUO6VM.mjs";
+import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-DZ6QJCDZ.mjs";
-import "../../chunk-ULNKVIHZ.mjs";
 import "../../chunk-3I7QA57V.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   breadcrumb_default as Breadcrumb

package/dist/components/button/button-group.d.mts

@@ -9,6 +9,9 @@ interface ButtonGroupProps {
     radius?: "default" | "full" | "none";
     fullWidth?: boolean;
     isDisabled?: boolean;
+    classNames?: {
+        base: string;
+    };
 }
 declare const ButtonGroup: react__default.ForwardRefExoticComponent<ButtonGroupProps & react__default.RefAttributes<HTMLDivElement>>;
 

package/dist/components/button/button-group.d.ts

@@ -9,6 +9,9 @@ interface ButtonGroupProps {
     radius?: "default" | "full" | "none";
     fullWidth?: boolean;
     isDisabled?: boolean;
+    classNames?: {
+        base: string;
+    };
 }
 declare const ButtonGroup: react__default.ForwardRefExoticComponent<ButtonGroupProps & react__default.RefAttributes<HTMLDivElement>>;
 

package/dist/components/button/button-group.js

@@ -327,7 +327,8 @@ var tv = (0, import_tailwind_variants.createTV)({
 // src/components/button/button-group.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var ButtonGroup = (0, import_react.forwardRef)(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, className: buttonGroup(), children: import_react.default.Children.map(children, (child) => {
+  var _a;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, className: buttonGroup({ className: (_a = props.classNames) == null ? void 0 : _a.base }), children: import_react.default.Children.map(children, (child) => {
     return import_react.default.cloneElement(child, {
       ...props,
       ...child.props,
@@ -339,5 +340,5 @@ var ButtonGroup = (0, import_react.forwardRef)(({ children, ...props }, ref) =>
 ButtonGroup.displayName = "ButtonGroup";
 var button_group_default = ButtonGroup;
 var buttonGroup = tv({
-  base: ["flex", "gap-[20px]"]
+  base: ["flex"]
 });

package/dist/components/button/button-group.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   button_group_default
-} from "../../chunk-LPZOH3RP.mjs";
+} from "../../chunk-QC2XOK2E.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/components/button/button.js

@@ -4566,7 +4566,7 @@ var buttonStyle = tv({
     },
     isInGroup: {
       true: {
-        base: "[&:not(:first-child):not(:last-child)]:rounded-none first:rounded-r-none last:rounded-l-none"
+        base: "[&:not(:first-child):not(:last-child)]:rounded-none first:rounded-r-none last:rounded-l-none [&:not(:first-child)]:border-l-0"
       }
     }
   },

package/dist/components/button/button.mjs

@@ -1,15 +1,15 @@
 "use client";
 import {
   button_default
-} from "../../chunk-DN6AW7DN.mjs";
+} from "../../chunk-VYUH25IC.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-LXHUO6VM.mjs";
+import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-DZ6QJCDZ.mjs";
 import "../../chunk-3I7QA57V.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   button_default as default

package/dist/components/button/icon-button.js

@@ -4536,7 +4536,12 @@ var iconButtonStyle = tv({
     },
     isInGroup: {
       true: {
-        base: ["[&:not(:first-child):not(:last-child)]:rounded-none", "first:rounded-r-none", "last:rounded-l-none"]
+        base: [
+          "[&:not(:first-child):not(:last-child)]:rounded-none",
+          "first:rounded-r-none",
+          "last:rounded-l-none",
+          "[&:not(:first-child)]:border-l-0"
+        ]
       }
     }
   },

package/dist/components/button/icon-button.mjs

@@ -1,15 +1,15 @@
 "use client";
 import {
   icon_button_default
-} from "../../chunk-DFBPLQMN.mjs";
+} from "../../chunk-LW5CNZW5.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-LXHUO6VM.mjs";
+import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-DZ6QJCDZ.mjs";
 import "../../chunk-3I7QA57V.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   icon_button_default as default

package/dist/components/button/index.js

@@ -4571,7 +4571,7 @@ var buttonStyle = tv({
     },
     isInGroup: {
       true: {
-        base: "[&:not(:first-child):not(:last-child)]:rounded-none first:rounded-r-none last:rounded-l-none"
+        base: "[&:not(:first-child):not(:last-child)]:rounded-none first:rounded-r-none last:rounded-l-none [&:not(:first-child)]:border-l-0"
       }
     }
   },
@@ -4932,7 +4932,12 @@ var iconButtonStyle = tv({
     },
     isInGroup: {
       true: {
-        base: ["[&:not(:first-child):not(:last-child)]:rounded-none", "first:rounded-r-none", "last:rounded-l-none"]
+        base: [
+          "[&:not(:first-child):not(:last-child)]:rounded-none",
+          "first:rounded-r-none",
+          "last:rounded-l-none",
+          "[&:not(:first-child)]:border-l-0"
+        ]
       }
     }
   },
@@ -5328,7 +5333,12 @@ var textButtonStyle = tv({
     },
     isInGroup: {
       true: {
-        base: ["[&:not(:first-child):not(:last-child)]:rounded-none", "first:rounded-r-none", "last:rounded-l-none"]
+        base: [
+          "[&:not(:first-child):not(:last-child)]:rounded-none",
+          "first:rounded-r-none",
+          "last:rounded-l-none",
+          "[&:not(:first-child)]:border-l-0"
+        ]
       }
     }
   },
@@ -5389,7 +5399,8 @@ var textButtonStyle = tv({
 var import_react5 = __toESM(require("react"));
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var ButtonGroup = (0, import_react5.forwardRef)(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { ref, className: buttonGroup(), children: import_react5.default.Children.map(children, (child) => {
+  var _a;
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { ref, className: buttonGroup({ className: (_a = props.classNames) == null ? void 0 : _a.base }), children: import_react5.default.Children.map(children, (child) => {
     return import_react5.default.cloneElement(child, {
       ...props,
       ...child.props,
@@ -5401,7 +5412,7 @@ var ButtonGroup = (0, import_react5.forwardRef)(({ children, ...props }, ref) =>
 ButtonGroup.displayName = "ButtonGroup";
 var button_group_default = ButtonGroup;
 var buttonGroup = tv({
-  base: ["flex", "gap-[20px]"]
+  base: ["flex"]
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {