@deepnoid/ui 1.0.0 → 1.0.2

package/dist/components/table/table-head.js

@@ -6221,6 +6221,7 @@ var inputStyle = tv(
         },
         outline: {
           inputWrapper: [
+            "bg-transparent",
             "border-neutral-light",
             "group-has-[:hover:not(:read-only):not(:focus)]/input:bg-trans-soft",
             "group-has-[:focus:not(:read-only)]/input:bg-body-background",
@@ -6958,7 +6959,7 @@ var tableStyle = (0, import_tailwind_variants6.tv)({
     ],
     td: [
       "relative",
-      "bg-body-background",
+      "bg-transparent",
       "text-foreground",
       "whitespace-normal",
       "outline-none",
@@ -6986,7 +6987,7 @@ var tableStyle = (0, import_tailwind_variants6.tv)({
       solid: {},
       outline: {},
       underline: {
-        th: ["bg-body-background", "border-t-[2px]", "border-b-[1px]"]
+        th: ["bg-transparent", "border-t-[2px]", "border-b-[1px]"]
       }
     },
     size: {

package/dist/components/table/table-head.mjs

@@ -1,14 +1,14 @@
 "use client";
 import {
   table_head_default
-} from "../../chunk-TEERNFIT.mjs";
+} from "../../chunk-IE7ERNC7.mjs";
 import "../../chunk-7B7LRG5J.mjs";
-import "../../chunk-EAWNUQDB.mjs";
+import "../../chunk-XNDDHEW6.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-NPQBJO6G.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-S2T4GHJA.mjs";
+import "../../chunk-HJ2RUGGG.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-EWS3FESG.mjs";
 import "../../chunk-ZYIIXWVY.mjs";

package/dist/components/table/table.js

@@ -6313,6 +6313,7 @@ var inputStyle = tv(
         },
         outline: {
           inputWrapper: [
+            "bg-transparent",
             "border-neutral-light",
             "group-has-[:hover:not(:read-only):not(:focus)]/input:bg-trans-soft",
             "group-has-[:focus:not(:read-only)]/input:bg-body-background",
@@ -7051,7 +7052,7 @@ var tableStyle = (0, import_tailwind_variants6.tv)({
     ],
     td: [
       "relative",
-      "bg-body-background",
+      "bg-transparent",
       "text-foreground",
       "whitespace-normal",
       "outline-none",
@@ -7079,7 +7080,7 @@ var tableStyle = (0, import_tailwind_variants6.tv)({
       solid: {},
       outline: {},
       underline: {
-        th: ["bg-body-background", "border-t-[2px]", "border-b-[1px]"]
+        th: ["bg-transparent", "border-t-[2px]", "border-b-[1px]"]
       }
     },
     size: {

package/dist/components/table/table.mjs

@@ -2,14 +2,14 @@
 import {
   getCellStyle,
   table_default
-} from "../../chunk-TEERNFIT.mjs";
+} from "../../chunk-IE7ERNC7.mjs";
 import "../../chunk-7B7LRG5J.mjs";
-import "../../chunk-EAWNUQDB.mjs";
+import "../../chunk-XNDDHEW6.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-NPQBJO6G.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-S2T4GHJA.mjs";
+import "../../chunk-HJ2RUGGG.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-EWS3FESG.mjs";
 import "../../chunk-ZYIIXWVY.mjs";

package/dist/index.js

@@ -1181,7 +1181,7 @@ var accordionItem = tv({
       "flex-col",
       "gap-[12px]",
       "p-[12px]",
-      "bg-body-background",
+      "bg-transparent",
       "cursor-pointer",
       "select-none"
     ],
@@ -6404,19 +6404,19 @@ var buttonBaseStyle = tv({
   },
   variants: {
     variant: {
-      solid: [],
-      soft: [],
-      outline: [],
-      ghost: []
+      solid: {},
+      soft: {},
+      outline: { base: ["bg-transparent"] },
+      ghost: {}
     },
     color: {
-      primary: [],
-      secondary: [],
-      neutral: [],
-      info: [],
-      success: [],
-      warning: [],
-      danger: []
+      primary: {},
+      secondary: {},
+      neutral: {},
+      info: {},
+      success: {},
+      warning: {},
+      danger: {}
     },
     disabled: {
       true: {
@@ -6425,12 +6425,7 @@ var buttonBaseStyle = tv({
     },
     isInGroup: {
       true: {
-        base: [
-          "[&:not(:first-child):not(:last-child)]:rounded-none",
-          "first:rounded-r-none",
-          "last:rounded-l-none",
-          "[&:not(:first-child)]:border-l-0"
-        ]
+        base: ["!rounded-none", "[&:not(:first-child)]:border-l-0"]
       }
     }
   },
@@ -6610,91 +6605,49 @@ var buttonBaseStyle = tv({
       variant: "outline",
       color: "primary",
       class: {
-        base: [
-          "bg-body-background",
-          "border-primary-main",
-          "text-primary-main",
-          "hover:bg-primary-soft",
-          "active:bg-primary-light"
-        ]
+        base: ["border-primary-main", "text-primary-main", "hover:bg-primary-soft", "active:bg-primary-light"]
       }
     },
     {
       variant: "outline",
       color: "secondary",
       class: {
-        base: [
-          "bg-body-background",
-          "border-secondary-main",
-          "text-secondary-main",
-          "hover:bg-secondary-soft",
-          "active:bg-secondary-light"
-        ]
+        base: ["border-secondary-main", "text-secondary-main", "hover:bg-secondary-soft", "active:bg-secondary-light"]
       }
     },
     {
       variant: "outline",
       color: "neutral",
       class: {
-        base: [
-          "bg-body-background",
-          "border-neutral-main",
-          "text-neutral-main",
-          "hover:bg-neutral-soft",
-          "active:bg-neutral-light"
-        ]
+        base: ["border-neutral-main", "text-neutral-main", "hover:bg-neutral-soft", "active:bg-neutral-light"]
       }
     },
     {
       variant: "outline",
       color: "info",
       class: {
-        base: [
-          "bg-body-background",
-          "border-info-main",
-          "text-info-main",
-          "hover:bg-info-soft",
-          "active:bg-info-light"
-        ]
+        base: ["border-info-main", "text-info-main", "hover:bg-info-soft", "active:bg-info-light"]
       }
     },
     {
       variant: "outline",
       color: "success",
       class: {
-        base: [
-          "bg-body-background",
-          "border-success-main",
-          "text-success-main",
-          "hover:bg-success-soft",
-          "active:bg-success-light"
-        ]
+        base: ["border-success-main", "text-success-main", "hover:bg-success-soft", "active:bg-success-light"]
       }
     },
     {
       variant: "outline",
       color: "warning",
       class: {
-        base: [
-          "bg-body-background",
-          "border-warning-main",
-          "text-warning-main",
-          "hover:bg-warning-soft",
-          "active:bg-warning-light"
-        ]
+        base: ["border-warning-main", "text-warning-main", "hover:bg-warning-soft", "active:bg-warning-light"]
       }
     },
     {
       variant: "outline",
       color: "danger",
       class: {
-        base: [
-          "bg-body-background",
-          "border-danger-main",
-          "text-danger-main",
-          "hover:bg-danger-soft",
-          "active:bg-danger-light"
-        ]
+        base: ["border-danger-main", "text-danger-main", "hover:bg-danger-soft", "active:bg-danger-light"]
       }
     },
     // ghost & color
@@ -7324,19 +7277,64 @@ var textButtonStyle = tv({
 // src/components/button/button-group.tsx
 var import_react9 = __toESM(require("react"));
 var import_jsx_runtime11 = require("react/jsx-runtime");
-var ButtonGroup = (0, import_react9.forwardRef)(({ children, classNames, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { ref, className: buttonGroup({ className: classNames == null ? void 0 : classNames.base }), children: import_react9.default.Children.map(children, (child) => {
-    return import_react9.default.cloneElement(child, {
-      isInGroup: true,
-      ...props,
-      ...child.props
-    });
-  }) });
-});
+var ButtonGroup = (0, import_react9.forwardRef)(
+  ({ children, classNames, size, radius, full, color, variant, disabled, ...props }, ref) => {
+    const childSharedProps = { color, size, variant, disabled, ...props };
+    const validChildren = import_react9.default.Children.toArray(children).filter(import_react9.isValidElement);
+    const lastValidIndex = validChildren.length - 1;
+    let validIndex = -1;
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { ref, className: buttonGroup({ full, className: classNames == null ? void 0 : classNames.base }), children: import_react9.default.Children.map(children, (child) => {
+      var _a, _b;
+      if (!(0, import_react9.isValidElement)(child)) return child;
+      const childElement = child;
+      const childProps = (_a = childElement.props) != null ? _a : {};
+      validIndex += 1;
+      const isFirst = validIndex === 0;
+      const isLast = validIndex === lastValidIndex;
+      const defaultRadiusMap = {
+        sm: "!rounded-sm",
+        md: "!rounded-md",
+        lg: "!rounded-lg",
+        xl: "!rounded-xl"
+      };
+      const currentRadius = defaultRadiusMap[size != null ? size : "md"];
+      const radiusClass = radius === "none" ? "!rounded-none" : radius === "full" ? clsx(
+        isFirst && "!rounded-r-none !rounded-l-full",
+        isLast && "!rounded-l-none !rounded-r-full",
+        !isFirst && !isLast && "!rounded-none"
+      ) : (
+        // default
+        clsx(
+          isFirst && `${currentRadius} !rounded-r-none`,
+          isLast && `${currentRadius} !rounded-l-none`,
+          !isFirst && !isLast && "!rounded-none"
+        )
+      );
+      const mergedClassNames = {
+        ...childProps.classNames || {},
+        base: clsx((_b = childProps.classNames) == null ? void 0 : _b.base, radiusClass)
+      };
+      return import_react9.default.cloneElement(childElement, {
+        isInGroup: true,
+        ...childSharedProps,
+        ...childProps,
+        classNames: mergedClassNames
+      });
+    }) });
+  }
+);
 ButtonGroup.displayName = "ButtonGroup";
 var button_group_default = ButtonGroup;
 var buttonGroup = tv({
-  base: ["flex"]
+  base: ["inline-flex"],
+  variants: {
+    full: {
+      true: { base: ["w-full", "[&>*]:flex-1"] }
+    }
+  },
+  defaultVariants: {
+    full: false
+  }
 });
 
 // src/components/breadcrumb/breadcrumb.tsx
@@ -7596,6 +7594,7 @@ var inputStyle = tv(
         },
         outline: {
           inputWrapper: [
+            "bg-transparent",
             "border-neutral-light",
             "group-has-[:hover:not(:read-only):not(:focus)]/input:bg-trans-soft",
             "group-has-[:focus:not(:read-only)]/input:bg-body-background",
@@ -9274,7 +9273,7 @@ var tableStyle = (0, import_tailwind_variants18.tv)({
     ],
     td: [
       "relative",
-      "bg-body-background",
+      "bg-transparent",
       "text-foreground",
       "whitespace-normal",
       "outline-none",
@@ -9302,7 +9301,7 @@ var tableStyle = (0, import_tailwind_variants18.tv)({
       solid: {},
       outline: {},
       underline: {
-        th: ["bg-body-background", "border-t-[2px]", "border-b-[1px]"]
+        th: ["bg-transparent", "border-t-[2px]", "border-b-[1px]"]
       }
     },
     size: {
@@ -9913,6 +9912,7 @@ var select = tv({
       },
       outline: {
         selectWrapper: [
+          "bg-transparent",
           "border-neutral-light",
           "border",
           "group-has-[:hover]/select:bg-trans-soft",
@@ -10348,7 +10348,7 @@ var radioStyle = tv({
       "rounded-full",
       "border",
       "border-neutral-light",
-      "bg-body-background"
+      "bg-transparent"
     ],
     innerDot: [
       "z-[2]",

package/dist/index.mjs

@@ -21,7 +21,7 @@ import "./chunk-WSIADHVC.mjs";
 import "./chunk-DX3KXNP6.mjs";
 import {
   table_default
-} from "./chunk-TEERNFIT.mjs";
+} from "./chunk-IE7ERNC7.mjs";
 import "./chunk-3MY6LO7N.mjs";
 import {
   tabs_default
@@ -45,10 +45,14 @@ import {
 import {
   definition_table_default
 } from "./chunk-4V5D237Z.mjs";
+import "./chunk-TPFN22HR.mjs";
+import {
+  radio_default
+} from "./chunk-FFKXQUER.mjs";
 import "./chunk-QCEKPS7U.mjs";
 import {
   select_default
-} from "./chunk-CGJBY53Q.mjs";
+} from "./chunk-OTC6FD4T.mjs";
 import "./chunk-MZ76AA76.mjs";
 import {
   skeleton_default
@@ -56,31 +60,17 @@ import {
 import "./chunk-4VWG4726.mjs";
 import {
   timePicker_default
-} from "./chunk-CBFUVFGI.mjs";
-import "./chunk-TBRF36RK.mjs";
+} from "./chunk-AVUO6TGC.mjs";
+import "./chunk-MCSP3FVE.mjs";
 import "./chunk-RKHH3CUS.mjs";
-import "./chunk-TPFN22HR.mjs";
-import {
-  radio_default
-} from "./chunk-VOOEH6OJ.mjs";
-import "./chunk-NNVGYR5T.mjs";
-import {
-  useGlobalModal
-} from "./chunk-V5XX3CGL.mjs";
-import {
-  GlobalModalProvider
-} from "./chunk-OPSMMRA2.mjs";
-import {
-  modal_default
-} from "./chunk-E4VJDQD5.mjs";
 import "./chunk-7B7LRG5J.mjs";
 import {
   pagination_default
-} from "./chunk-EAWNUQDB.mjs";
+} from "./chunk-XNDDHEW6.mjs";
 import "./chunk-F3HENRVM.mjs";
 import {
   datePicker_default
-} from "./chunk-2K3HZMC6.mjs";
+} from "./chunk-FQMA47EO.mjs";
 import {
   day_default
 } from "./chunk-DI7QXTYZ.mjs";
@@ -92,14 +82,24 @@ import {
 import {
   listItem_default
 } from "./chunk-PCWANNZ4.mjs";
-import "./chunk-MGEWSREV.mjs";
+import "./chunk-NNVGYR5T.mjs";
 import {
-  chip_default
-} from "./chunk-PXUYPS6M.mjs";
+  useGlobalModal
+} from "./chunk-WGVOWTFG.mjs";
+import {
+  GlobalModalProvider
+} from "./chunk-TY7T5O3Z.mjs";
+import {
+  modal_default
+} from "./chunk-G5OQBVYQ.mjs";
 import "./chunk-QZ3LVYJW.mjs";
 import {
   checkbox_default
 } from "./chunk-NPQBJO6G.mjs";
+import "./chunk-MGEWSREV.mjs";
+import {
+  chip_default
+} from "./chunk-PXUYPS6M.mjs";
 import "./chunk-32GA3YW4.mjs";
 import {
   drawer_default
@@ -107,7 +107,7 @@ import {
 import "./chunk-RLXOHILK.mjs";
 import {
   fileUpload_default
-} from "./chunk-OPGGL4CG.mjs";
+} from "./chunk-KZPHD6CA.mjs";
 import "./chunk-7VOQKIIK.mjs";
 import {
   progress_default
@@ -115,7 +115,7 @@ import {
 import "./chunk-2GCSFWHD.mjs";
 import {
   input_default
-} from "./chunk-S2T4GHJA.mjs";
+} from "./chunk-HJ2RUGGG.mjs";
 import "./chunk-3OCNT22V.mjs";
 import {
   areaChart_default
@@ -144,20 +144,20 @@ import {
 import "./chunk-KYIODWXL.mjs";
 import {
   breadcrumb_default
-} from "./chunk-7JCCPTBU.mjs";
+} from "./chunk-DEKPVTFX.mjs";
 import "./chunk-MY5U63QO.mjs";
 import {
   text_button_default
-} from "./chunk-YBDQSEPV.mjs";
+} from "./chunk-BTAOTEW7.mjs";
 import {
   button_group_default
-} from "./chunk-TBI5O3OL.mjs";
+} from "./chunk-67DEFPS6.mjs";
 import {
   button_default
-} from "./chunk-63JRWMWN.mjs";
+} from "./chunk-JXIQOVRO.mjs";
 import {
   icon_button_default
-} from "./chunk-RFHWRBAB.mjs";
+} from "./chunk-T6IFFFAD.mjs";
 import "./chunk-6WSACUIB.mjs";
 import "./chunk-LXHUO6VM.mjs";
 import "./chunk-SZL743JC.mjs";
@@ -166,8 +166,14 @@ import {
   Icon_default,
   iconTemplate
 } from "./chunk-A6UUVHC6.mjs";
-import "./chunk-Z4NO7SMY.mjs";
+import "./chunk-ROG3BOMM.mjs";
 import "./chunk-NMSDSEBD.mjs";
+import {
+  accordion_default
+} from "./chunk-GSOTTSR4.mjs";
+import {
+  accordionItem_default
+} from "./chunk-NKYNCXOU.mjs";
 import "./chunk-7DLOYKVC.mjs";
 import {
   avatar_default
@@ -175,12 +181,6 @@ import {
 import "./chunk-AOU4QX7H.mjs";
 import "./chunk-3V4HT2K5.mjs";
 import "./chunk-27Y6K5NK.mjs";
-import {
-  accordion_default
-} from "./chunk-GSOTTSR4.mjs";
-import {
-  accordionItem_default
-} from "./chunk-23KGTXH2.mjs";
 import "./chunk-E3G5QXSH.mjs";
 import {
   deepnoidUi,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deepnoid/ui",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "license": "MIT",
   "sideEffects": false,
   "exports": {

package/dist/chunk-TBI5O3OL.mjs

@@ -1,26 +0,0 @@
-"use client";
-import {
-  tv
-} from "./chunk-DPWUIAVC.mjs";
-
-// src/components/button/button-group.tsx
-import React, { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-var ButtonGroup = forwardRef(({ children, classNames, ...props }, ref) => {
-  return /* @__PURE__ */ jsx("div", { ref, className: buttonGroup({ className: classNames == null ? void 0 : classNames.base }), children: React.Children.map(children, (child) => {
-    return React.cloneElement(child, {
-      isInGroup: true,
-      ...props,
-      ...child.props
-    });
-  }) });
-});
-ButtonGroup.displayName = "ButtonGroup";
-var button_group_default = ButtonGroup;
-var buttonGroup = tv({
-  base: ["flex"]
-});
-
-export {
-  button_group_default
-};