@deepnoid/ui 1.0.0 → 1.0.2

package/dist/chunk-67DEFPS6.mjs

@@ -0,0 +1,74 @@
+"use client";
+import {
+  clsx
+} from "./chunk-27Y6K5NK.mjs";
+import {
+  tv
+} from "./chunk-DPWUIAVC.mjs";
+
+// src/components/button/button-group.tsx
+import React, { forwardRef, isValidElement } from "react";
+import { jsx } from "react/jsx-runtime";
+var ButtonGroup = forwardRef(
+  ({ children, classNames, size, radius, full, color, variant, disabled, ...props }, ref) => {
+    const childSharedProps = { color, size, variant, disabled, ...props };
+    const validChildren = React.Children.toArray(children).filter(isValidElement);
+    const lastValidIndex = validChildren.length - 1;
+    let validIndex = -1;
+    return /* @__PURE__ */ jsx("div", { ref, className: buttonGroup({ full, className: classNames == null ? void 0 : classNames.base }), children: React.Children.map(children, (child) => {
+      var _a, _b;
+      if (!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 React.cloneElement(childElement, {
+        isInGroup: true,
+        ...childSharedProps,
+        ...childProps,
+        classNames: mergedClassNames
+      });
+    }) });
+  }
+);
+ButtonGroup.displayName = "ButtonGroup";
+var button_group_default = ButtonGroup;
+var buttonGroup = tv({
+  base: ["inline-flex"],
+  variants: {
+    full: {
+      true: { base: ["w-full", "[&>*]:flex-1"] }
+    }
+  },
+  defaultVariants: {
+    full: false
+  }
+});
+
+export {
+  button_group_default
+};

package/dist/{chunk-CBFUVFGI.mjs → chunk-AVUO6TGC.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
   Panel_default
-} from "./chunk-TBRF36RK.mjs";
+} from "./chunk-MCSP3FVE.mjs";
 import {
   convert24To12
 } from "./chunk-3IBJXQTJ.mjs";
 import {
   input_default
-} from "./chunk-S2T4GHJA.mjs";
+} from "./chunk-HJ2RUGGG.mjs";
 import {
   Icon_default
 } from "./chunk-A6UUVHC6.mjs";

package/dist/{chunk-YBDQSEPV.mjs → chunk-BTAOTEW7.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   buttonBaseStyle
-} from "./chunk-Z4NO7SMY.mjs";
+} from "./chunk-ROG3BOMM.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";

package/dist/{chunk-7JCCPTBU.mjs → chunk-DEKPVTFX.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   text_button_default
-} from "./chunk-YBDQSEPV.mjs";
+} from "./chunk-BTAOTEW7.mjs";
 import {
   Icon_default
 } from "./chunk-A6UUVHC6.mjs";

package/dist/{chunk-VOOEH6OJ.mjs → chunk-FFKXQUER.mjs}

@@ -54,7 +54,7 @@ var radioStyle = tv({
       "rounded-full",
       "border",
       "border-neutral-light",
-      "bg-body-background"
+      "bg-transparent"
     ],
     innerDot: [
       "z-[2]",

package/dist/{chunk-2K3HZMC6.mjs → chunk-FQMA47EO.mjs}

@@ -8,16 +8,16 @@ import {
 } from "./chunk-3IBJXQTJ.mjs";
 import {
   input_default
-} from "./chunk-S2T4GHJA.mjs";
+} from "./chunk-HJ2RUGGG.mjs";
 import {
   text_button_default
-} from "./chunk-YBDQSEPV.mjs";
+} from "./chunk-BTAOTEW7.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 {
   Icon_default
 } from "./chunk-A6UUVHC6.mjs";

package/dist/{chunk-E4VJDQD5.mjs → chunk-G5OQBVYQ.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-P4GNXDMO.mjs";
 import {
   button_default
-} from "./chunk-63JRWMWN.mjs";
+} from "./chunk-JXIQOVRO.mjs";
 import {
   Icon_default
 } from "./chunk-A6UUVHC6.mjs";

package/dist/{chunk-S2T4GHJA.mjs → chunk-HJ2RUGGG.mjs}

@@ -192,6 +192,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",

package/dist/{chunk-TEERNFIT.mjs → chunk-IE7ERNC7.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   pagination_default
-} from "./chunk-EAWNUQDB.mjs";
+} from "./chunk-XNDDHEW6.mjs";
 import {
   checkbox_default
 } from "./chunk-NPQBJO6G.mjs";
@@ -327,7 +327,7 @@ var tableStyle = tv({
     ],
     td: [
       "relative",
-      "bg-body-background",
+      "bg-transparent",
       "text-foreground",
       "whitespace-normal",
       "outline-none",
@@ -355,7 +355,7 @@ var tableStyle = 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/{chunk-63JRWMWN.mjs → chunk-JXIQOVRO.mjs}

@@ -10,7 +10,7 @@ import {
 } from "./chunk-A6UUVHC6.mjs";
 import {
   buttonBaseStyle
-} from "./chunk-Z4NO7SMY.mjs";
+} from "./chunk-ROG3BOMM.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";

package/dist/{chunk-OPGGL4CG.mjs → chunk-KZPHD6CA.mjs}

@@ -4,10 +4,10 @@ import {
 } from "./chunk-VUO5J2OK.mjs";
 import {
   input_default
-} from "./chunk-S2T4GHJA.mjs";
+} from "./chunk-HJ2RUGGG.mjs";
 import {
   button_default
-} from "./chunk-63JRWMWN.mjs";
+} from "./chunk-JXIQOVRO.mjs";
 
 // src/components/fileUpload/fileUpload.tsx
 import { useRef, useState, useEffect } from "react";

package/dist/{chunk-TBRF36RK.mjs → chunk-MCSP3FVE.mjs}

@@ -8,7 +8,7 @@ import {
 } from "./chunk-3IBJXQTJ.mjs";
 import {
   text_button_default
-} from "./chunk-YBDQSEPV.mjs";
+} from "./chunk-BTAOTEW7.mjs";
 
 // src/components/picker/timePicker/Panel.tsx
 import { forwardRef, useEffect, useState } from "react";

package/dist/{chunk-23KGTXH2.mjs → chunk-NKYNCXOU.mjs}

@@ -99,7 +99,7 @@ var accordionItem = tv({
       "flex-col",
       "gap-[12px]",
       "p-[12px]",
-      "bg-body-background",
+      "bg-transparent",
       "cursor-pointer",
       "select-none"
     ],

package/dist/{chunk-CGJBY53Q.mjs → chunk-OTC6FD4T.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   icon_button_default
-} from "./chunk-RFHWRBAB.mjs";
+} from "./chunk-T6IFFFAD.mjs";
 import {
   Icon_default
 } from "./chunk-A6UUVHC6.mjs";
@@ -306,6 +306,7 @@ var select = tv({
       },
       outline: {
         selectWrapper: [
+          "bg-transparent",
           "border-neutral-light",
           "border",
           "group-has-[:hover]/select:bg-trans-soft",

package/dist/{chunk-Z4NO7SMY.mjs → chunk-ROG3BOMM.mjs}

@@ -23,19 +23,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: {
@@ -44,12 +44,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"]
       }
     }
   },
@@ -229,91 +224,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

package/dist/{chunk-RFHWRBAB.mjs → chunk-T6IFFFAD.mjs}

@@ -10,7 +10,7 @@ import {
 } from "./chunk-A6UUVHC6.mjs";
 import {
   buttonBaseStyle
-} from "./chunk-Z4NO7SMY.mjs";
+} from "./chunk-ROG3BOMM.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";

package/dist/{chunk-OPSMMRA2.mjs → chunk-TY7T5O3Z.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   modal_default
-} from "./chunk-E4VJDQD5.mjs";
+} from "./chunk-G5OQBVYQ.mjs";
 
 // src/components/modal/GlobalModalProvider.tsx
 import { createContext, useState, useCallback, useMemo } from "react";

package/dist/{chunk-V5XX3CGL.mjs → chunk-WGVOWTFG.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   GlobalModalContext
-} from "./chunk-OPSMMRA2.mjs";
+} from "./chunk-TY7T5O3Z.mjs";
 
 // src/components/modal/useGlobalModal.tsx
 import { useContext } from "react";

package/dist/{chunk-EAWNUQDB.mjs → chunk-XNDDHEW6.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-F3HENRVM.mjs";
 import {
   input_default
-} from "./chunk-S2T4GHJA.mjs";
+} from "./chunk-HJ2RUGGG.mjs";
 import {
   Icon_default
 } from "./chunk-A6UUVHC6.mjs";

package/dist/components/accordion/accordionItem.js

@@ -819,7 +819,7 @@ var accordionItem = tv({
       "flex-col",
       "gap-[12px]",
       "p-[12px]",
-      "bg-body-background",
+      "bg-transparent",
       "cursor-pointer",
       "select-none"
     ],

package/dist/components/accordion/accordionItem.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   accordionItem_default
-} from "../../chunk-23KGTXH2.mjs";
+} from "../../chunk-NKYNCXOU.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-DPWUIAVC.mjs";
 import "../../chunk-AC6TWLRT.mjs";

package/dist/components/accordion/index.js

@@ -888,7 +888,7 @@ var accordionItem = tv({
       "flex-col",
       "gap-[12px]",
       "p-[12px]",
-      "bg-body-background",
+      "bg-transparent",
       "cursor-pointer",
       "select-none"
     ],

package/dist/components/accordion/index.mjs

@@ -5,7 +5,7 @@ import {
 } from "../../chunk-GSOTTSR4.mjs";
 import {
   accordionItem_default
-} from "../../chunk-23KGTXH2.mjs";
+} from "../../chunk-NKYNCXOU.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-DPWUIAVC.mjs";
 import "../../chunk-AC6TWLRT.mjs";

package/dist/components/breadcrumb/breadcrumb.js

@@ -5675,19 +5675,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: {
@@ -5696,12 +5696,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"]
       }
     }
   },
@@ -5881,91 +5876,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

package/dist/components/breadcrumb/breadcrumb.mjs

@@ -1,18 +1,18 @@
 "use client";
 import {
   breadcrumb_default
-} from "../../chunk-7JCCPTBU.mjs";
+} from "../../chunk-DEKPVTFX.mjs";
 import "../../chunk-MY5U63QO.mjs";
-import "../../chunk-YBDQSEPV.mjs";
-import "../../chunk-TBI5O3OL.mjs";
-import "../../chunk-63JRWMWN.mjs";
-import "../../chunk-RFHWRBAB.mjs";
+import "../../chunk-BTAOTEW7.mjs";
+import "../../chunk-67DEFPS6.mjs";
+import "../../chunk-JXIQOVRO.mjs";
+import "../../chunk-T6IFFFAD.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-SZL743JC.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-A6UUVHC6.mjs";
-import "../../chunk-Z4NO7SMY.mjs";
+import "../../chunk-ROG3BOMM.mjs";
 import "../../chunk-AOU4QX7H.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";