@deepnoid/ui 0.1.224 → 1.0.1

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

@@ -40,19 +40,21 @@ declare const iconButtonStyle: tailwind_variants.TVReturnType<{
     };
 }, undefined, 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: {
@@ -68,19 +70,21 @@ declare const iconButtonStyle: 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: {
@@ -96,19 +100,21 @@ declare const iconButtonStyle: 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: {
@@ -124,19 +130,21 @@ declare const iconButtonStyle: 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/icon-button.js

@@ -736,19 +736,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: {
@@ -757,12 +757,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"]
       }
     }
   },
@@ -942,91 +937,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/button/icon-button.mjs

@@ -1,13 +1,13 @@
 "use client";
 import {
   icon_button_default
-} from "../../chunk-RFHWRBAB.mjs";
+} from "../../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-E3G5QXSH.mjs";
 import "../../chunk-DPWUIAVC.mjs";

package/dist/components/button/index.js

@@ -741,19 +741,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: {
@@ -762,12 +762,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"]
       }
     }
   },
@@ -947,91 +942,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
@@ -6662,19 +6615,64 @@ var textButtonStyle = tv({
 // src/components/button/button-group.tsx
 var import_react5 = __toESM(require("react"));
 var import_jsx_runtime7 = require("react/jsx-runtime");
-var ButtonGroup = (0, import_react5.forwardRef)(({ children, classNames, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { ref, className: buttonGroup({ className: classNames == null ? void 0 : classNames.base }), children: import_react5.default.Children.map(children, (child) => {
-    return import_react5.default.cloneElement(child, {
-      isInGroup: true,
-      ...props,
-      ...child.props
-    });
-  }) });
-});
+var ButtonGroup = (0, import_react5.forwardRef)(
+  ({ children, classNames, size, radius, full, color, variant, disabled, ...props }, ref) => {
+    const childSharedProps = { color, size, variant, disabled, ...props };
+    const validChildren = import_react5.default.Children.toArray(children).filter(import_react5.isValidElement);
+    const lastValidIndex = validChildren.length - 1;
+    let validIndex = -1;
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { ref, className: buttonGroup({ full, className: classNames == null ? void 0 : classNames.base }), children: import_react5.default.Children.map(children, (child) => {
+      var _a, _b;
+      if (!(0, import_react5.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_react5.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
+  }
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/components/button/index.mjs

@@ -1,23 +1,23 @@
 "use client";
 import "../../chunk-MY5U63QO.mjs";
-import {
-  text_button_default
-} from "../../chunk-YBDQSEPV.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";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-A6UUVHC6.mjs";
-import "../../chunk-Z4NO7SMY.mjs";
+import {
+  text_button_default
+} from "../../chunk-BTAOTEW7.mjs";
+import "../../chunk-ROG3BOMM.mjs";
 import "../../chunk-AOU4QX7H.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";

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

@@ -61,19 +61,21 @@ declare const textButtonStyle: tailwind_variants.TVReturnType<{
     underline: 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: {
@@ -89,19 +91,21 @@ declare const textButtonStyle: 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: {
@@ -117,19 +121,21 @@ declare const textButtonStyle: 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: {
@@ -145,19 +151,21 @@ declare const textButtonStyle: 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: {