@deepnoid/ui 0.1.224 → 1.0.1

package/dist/components/breadcrumb/index.js

@@ -5677,19 +5677,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: {
@@ -5698,12 +5698,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"]
       }
     }
   },
@@ -5883,91 +5878,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/index.mjs

@@ -2,18 +2,18 @@
 import "../../chunk-KYIODWXL.mjs";
 import {
   breadcrumb_default
-} from "../../chunk-7JCCPTBU.mjs";
+} from "../../chunk-CVDI2GQ2.mjs";
 import "../../chunk-MY5U63QO.mjs";
-import "../../chunk-YBDQSEPV.mjs";
-import "../../chunk-TBI5O3OL.mjs";
-import "../../chunk-63JRWMWN.mjs";
-import "../../chunk-RFHWRBAB.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-BTAOTEW7.mjs";
+import "../../chunk-ROG3BOMM.mjs";
 import "../../chunk-AOU4QX7H.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";

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

@@ -716,19 +716,104 @@ var tv = (0, import_tailwind_variants.createTV)({
   }
 });
 
+// src/utils/clsx.ts
+function clsx(...args) {
+  var i = 0, tmp, x, str = "";
+  while (i < args.length) {
+    if (tmp = args[i++]) {
+      if (x = toVal(tmp)) {
+        str && (str += " ");
+        str += x;
+      }
+    }
+  }
+  return str;
+}
+function toVal(mix) {
+  var k, y, str = "";
+  if (typeof mix === "string" || typeof mix === "number") {
+    str += mix;
+  } else if (typeof mix === "object") {
+    if (Array.isArray(mix)) {
+      var len = mix.length;
+      for (k = 0; k < len; k++) {
+        if (mix[k]) {
+          if (y = toVal(mix[k])) {
+            str && (str += " ");
+            str += y;
+          }
+        }
+      }
+    } else {
+      for (y in mix) {
+        if (mix[y]) {
+          str && (str += " ");
+          str += y;
+        }
+      }
+    }
+  }
+  return str;
+}
+
 // src/components/button/button-group.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var ButtonGroup = (0, import_react.forwardRef)(({ children, classNames, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, className: buttonGroup({ className: classNames == null ? void 0 : classNames.base }), children: import_react.default.Children.map(children, (child) => {
-    return import_react.default.cloneElement(child, {
-      isInGroup: true,
-      ...props,
-      ...child.props
-    });
-  }) });
-});
+var ButtonGroup = (0, import_react.forwardRef)(
+  ({ children, classNames, size, radius, full, color, variant, disabled, ...props }, ref) => {
+    const childSharedProps = { color, size, variant, disabled, ...props };
+    const validChildren = import_react.default.Children.toArray(children).filter(import_react.isValidElement);
+    const lastValidIndex = validChildren.length - 1;
+    let validIndex = -1;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, className: buttonGroup({ full, className: classNames == null ? void 0 : classNames.base }), children: import_react.default.Children.map(children, (child) => {
+      var _a, _b;
+      if (!(0, import_react.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_react.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
+  }
 });

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

@@ -1,7 +1,8 @@
 "use client";
 import {
   button_group_default
-} from "../../chunk-TBI5O3OL.mjs";
+} from "../../chunk-67DEFPS6.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-DPWUIAVC.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

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

@@ -55,19 +55,21 @@ declare const buttonStyle: tailwind_variants.TVReturnType<{
     content: never[];
 }, undefined, {
     variant: {
-        solid: never[];
-        soft: never[];
-        outline: never[];
-        ghost: never[];
+        solid: {};
+        soft: {};
+        outline: {
+            base: string[];
+        };
+        ghost: {};
     };
     color: {
-        primary: never[];
-        secondary: never[];
-        neutral: never[];
-        info: never[];
-        success: never[];
-        warning: never[];
-        danger: never[];
+        primary: {};
+        secondary: {};
+        neutral: {};
+        info: {};
+        success: {};
+        warning: {};
+        danger: {};
     };
     disabled: {
         true: {
@@ -83,19 +85,21 @@ declare const buttonStyle: tailwind_variants.TVReturnType<{
     base: string[];
 }, tailwind_variants.TVReturnType<{
     variant: {
-        solid: never[];
-        soft: never[];
-        outline: never[];
-        ghost: never[];
+        solid: {};
+        soft: {};
+        outline: {
+            base: string[];
+        };
+        ghost: {};
     };
     color: {
-        primary: never[];
-        secondary: never[];
-        neutral: never[];
-        info: never[];
-        success: never[];
-        warning: never[];
-        danger: never[];
+        primary: {};
+        secondary: {};
+        neutral: {};
+        info: {};
+        success: {};
+        warning: {};
+        danger: {};
     };
     disabled: {
         true: {
@@ -111,19 +115,21 @@ declare const buttonStyle: tailwind_variants.TVReturnType<{
     base: string[];
 }, undefined, {
     variant: {
-        solid: never[];
-        soft: never[];
-        outline: never[];
-        ghost: never[];
+        solid: {};
+        soft: {};
+        outline: {
+            base: string[];
+        };
+        ghost: {};
     };
     color: {
-        primary: never[];
-        secondary: never[];
-        neutral: never[];
-        info: never[];
-        success: never[];
-        warning: never[];
-        danger: never[];
+        primary: {};
+        secondary: {};
+        neutral: {};
+        info: {};
+        success: {};
+        warning: {};
+        danger: {};
     };
     disabled: {
         true: {
@@ -139,19 +145,21 @@ declare const buttonStyle: tailwind_variants.TVReturnType<{
     base: string[];
 }, tailwind_variants.TVReturnType<{
     variant: {
-        solid: never[];
-        soft: never[];
-        outline: never[];
-        ghost: never[];
+        solid: {};
+        soft: {};
+        outline: {
+            base: string[];
+        };
+        ghost: {};
     };
     color: {
-        primary: never[];
-        secondary: never[];
-        neutral: never[];
-        info: never[];
-        success: never[];
-        warning: never[];
-        danger: never[];
+        primary: {};
+        secondary: {};
+        neutral: {};
+        info: {};
+        success: {};
+        warning: {};
+        danger: {};
     };
     disabled: {
         true: {

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

@@ -55,19 +55,21 @@ declare const buttonStyle: tailwind_variants.TVReturnType<{
     content: never[];
 }, undefined, {
     variant: {
-        solid: never[];
-        soft: never[];
-        outline: never[];
-        ghost: never[];
+        solid: {};
+        soft: {};
+        outline: {
+            base: string[];
+        };
+        ghost: {};
     };
     color: {
-        primary: never[];
-        secondary: never[];
-        neutral: never[];
-        info: never[];
-        success: never[];
-        warning: never[];
-        danger: never[];
+        primary: {};
+        secondary: {};
+        neutral: {};
+        info: {};
+        success: {};
+        warning: {};
+        danger: {};
     };
     disabled: {
         true: {
@@ -83,19 +85,21 @@ declare const buttonStyle: tailwind_variants.TVReturnType<{
     base: string[];
 }, tailwind_variants.TVReturnType<{
     variant: {
-        solid: never[];
-        soft: never[];
-        outline: never[];
-        ghost: never[];
+        solid: {};
+        soft: {};
+        outline: {
+            base: string[];
+        };
+        ghost: {};
     };
     color: {
-        primary: never[];
-        secondary: never[];
-        neutral: never[];
-        info: never[];
-        success: never[];
-        warning: never[];
-        danger: never[];
+        primary: {};
+        secondary: {};
+        neutral: {};
+        info: {};
+        success: {};
+        warning: {};
+        danger: {};
     };
     disabled: {
         true: {
@@ -111,19 +115,21 @@ declare const buttonStyle: tailwind_variants.TVReturnType<{
     base: string[];
 }, undefined, {
     variant: {
-        solid: never[];
-        soft: never[];
-        outline: never[];
-        ghost: never[];
+        solid: {};
+        soft: {};
+        outline: {
+            base: string[];
+        };
+        ghost: {};
     };
     color: {
-        primary: never[];
-        secondary: never[];
-        neutral: never[];
-        info: never[];
-        success: never[];
-        warning: never[];
-        danger: never[];
+        primary: {};
+        secondary: {};
+        neutral: {};
+        info: {};
+        success: {};
+        warning: {};
+        danger: {};
     };
     disabled: {
         true: {
@@ -139,19 +145,21 @@ declare const buttonStyle: tailwind_variants.TVReturnType<{
     base: string[];
 }, tailwind_variants.TVReturnType<{
     variant: {
-        solid: never[];
-        soft: never[];
-        outline: never[];
-        ghost: never[];
+        solid: {};
+        soft: {};
+        outline: {
+            base: string[];
+        };
+        ghost: {};
     };
     color: {
-        primary: never[];
-        secondary: never[];
-        neutral: never[];
-        info: never[];
-        success: never[];
-        warning: never[];
-        danger: never[];
+        primary: {};
+        secondary: {};
+        neutral: {};
+        info: {};
+        success: {};
+        warning: {};
+        danger: {};
     };
     disabled: {
         true: {