@deepnoid/ui 0.1.223 → 1.0.0

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

@@ -7,7 +7,7 @@ import {
 } from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-U4DJHAM5.mjs";
+} from "./chunk-DPWUIAVC.mjs";
 
 // src/components/radio/radio.tsx
 import { forwardRef, useMemo } from "react";
@@ -25,10 +25,7 @@ var Radio = forwardRef((originalProps, ref) => {
       ),
       children: [
         /* @__PURE__ */ jsx("div", { className: "hidden", children: /* @__PURE__ */ jsx("input", { ...inputProps, type: "radio", ref }) }),
-        /* @__PURE__ */ jsxs("div", { className: slots.radioWrapper({ class: classNames == null ? void 0 : classNames.radioWrapper }), children: [
-          /* @__PURE__ */ jsx("span", { className: slots.outerDot({ class: classNames == null ? void 0 : classNames.outerDot }) }),
-          /* @__PURE__ */ jsx("span", { className: slots.innerDot({ class: classNames == null ? void 0 : classNames.innerDot }) })
-        ] }),
+        /* @__PURE__ */ jsx("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: /* @__PURE__ */ jsx("span", { className: slots.innerDot({ class: classNames == null ? void 0 : classNames.innerDot }) }) }),
         /* @__PURE__ */ jsx("div", { className: slots.labelWrapper({ class: classNames == null ? void 0 : classNames.labelWrapper }), children: children && /* @__PURE__ */ jsx("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children }) })
       ]
     }
@@ -48,25 +45,18 @@ var radioStyle = tv({
       "cursor-pointer",
       "tap-highlight-transparent"
     ],
-    radioWrapper: ["relative", "flex-shrink-0"],
-    outerDot: [
-      "absolute",
-      "top-1/2",
-      "left-1/2",
-      "-translate-x-1/2",
-      "-translate-y-1/2",
-      "z-[1]",
+    wrapper: [
+      "relative",
+      "flex",
+      "items-center",
+      "justify-center",
+      "flex-shrink-0",
       "rounded-full",
       "border",
-      "border-default",
-      "bg-white"
+      "border-neutral-light",
+      "bg-body-background"
     ],
     innerDot: [
-      "absolute",
-      "top-1/2",
-      "left-1/2",
-      "-translate-x-1/2",
-      "-translate-y-1/2",
       "z-[2]",
       "rounded-full",
       "bg-primary-main",
@@ -81,7 +71,7 @@ var radioStyle = tv({
   variants: {
     color: {
       primary: {
-        outerDot: [
+        wrapper: [
           "group-has-[:checked]/radio:border-primary-main",
           "group-hover/radio:border-primary-light",
           "group-hover/radio:bg-primary-soft"
@@ -89,7 +79,7 @@ var radioStyle = tv({
         innerDot: ["bg-primary-main"]
       },
       secondary: {
-        outerDot: [
+        wrapper: [
           "group-has-[:checked]/radio:border-secondary-main",
           "group-hover/radio:border-secondary-light",
           "group-hover/radio:bg-secondary-soft"
@@ -97,7 +87,7 @@ var radioStyle = tv({
         innerDot: ["bg-secondary-main"]
       },
       neutral: {
-        outerDot: [
+        wrapper: [
           "group-has-[:checked]/radio:border-neutral-main",
           "group-hover/radio:border-neutral-light",
           "group-hover/radio:bg-neutral-soft"
@@ -107,37 +97,33 @@ var radioStyle = tv({
     },
     size: {
       sm: {
-        base: ["gap-[8px]"],
-        radioWrapper: ["w-[12px]", "h-[12px]"],
-        outerDot: ["w-[12px]", "h-[12px]", "border-sm"],
+        base: ["gap-lg"],
+        wrapper: ["w-[12px]", "h-[12px]", "border-sm"],
         innerDot: ["w-[6px]", "h-[6px]"],
         label: ["text-sm"]
       },
       md: {
-        base: ["gap-[8px]"],
-        radioWrapper: ["w-[14px]", "h-[14px]"],
-        outerDot: ["w-[14px]", "h-[14px]", "border-md"],
+        base: ["gap-lg"],
+        wrapper: ["w-[16px]", "h-[16px]", "border-md"],
         innerDot: ["w-[8px]", "h-[8px]"],
         label: ["text-md"]
       },
       lg: {
-        base: ["gap-[10px]"],
-        radioWrapper: ["w-[18px]", "h-[18px]"],
-        outerDot: ["w-[18px]", "h-[18px]", "border-lg"],
+        base: ["gap-xl"],
+        wrapper: ["w-[18px]", "h-[18px]", "border-lg"],
         innerDot: ["w-[10px]", "h-[10px]"],
         label: ["text-lg"]
       },
       xl: {
-        base: ["gap-[10px]"],
-        radioWrapper: ["w-[22px]", "h-[22px]"],
-        outerDot: ["w-[22px]", "h-[22px]", "border-xl"],
+        base: ["gap-xl"],
+        wrapper: ["w-[22px]", "h-[22px]", "border-xl"],
         innerDot: ["w-[12px]", "h-[12px]"],
         label: ["text-xl"]
       }
     },
     isInvalid: {
       true: {
-        outerDot: [
+        wrapper: [
           "border-danger-main",
           "bg-danger-soft",
           "group-has-[:checked]/radio:border-danger-main",
@@ -151,7 +137,7 @@ var radioStyle = tv({
     disabled: {
       true: {
         base: ["opacity-disabled", "cursor-not-allowed", "pointer-events-auto", "text-neutral-light"],
-        outerDot: [
+        wrapper: [
           "cursor-not-allowed",
           "border-neutral-light",
           "bg-neutral-soft",
@@ -167,7 +153,7 @@ var radioStyle = tv({
     readOnly: {
       true: {
         base: ["cursor-not-allowed", "pointer-events-none"],
-        outerDot: ["cursor-not-allowed", "border-neutral-light", "bg-neutral-soft"],
+        wrapper: ["cursor-not-allowed", "border-neutral-light", "bg-neutral-soft"],
         label: ["text-neutral-light", "group-has-[:checked]/radio:text-body-foreground"]
       }
     }

package/dist/{chunk-ACZ3DQVT.mjs → chunk-VUO5J2OK.mjs}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-U4DJHAM5.mjs";
+} from "./chunk-DPWUIAVC.mjs";
 
 // src/components/progress/progress.tsx
 import { useMemo } from "react";
@@ -39,7 +39,7 @@ var Progress = (originalProps) => {
 var progress_default = Progress;
 var progressStyle = tv({
   slots: {
-    base: ["flex flex-col gap-2 w-full"],
+    base: ["flex", "flex-col", "gap-2", "w-full"],
     track: ["z-0", "relative", "bg-neutral-soft", "overflow-hidden", "rtl:rotate-180"],
     indicator: ["h-full"],
     value: ""
@@ -47,54 +47,55 @@ var progressStyle = tv({
   variants: {
     color: {
       primary: {
-        indicator: ["bg-gradient-to-r from-primary-light via-primary-light to-primary-main"]
+        indicator: ["bg-gradient-to-r", "from-primary-light", "via-primary-light", "to-primary-main"]
       },
       secondary: {
-        indicator: ["bg-gradient-to-r from-secondary-light via-secondary-light to-secondary-main"]
+        indicator: ["bg-gradient-to-r", "from-secondary-light", "via-secondary-light", "to-secondary-main"]
       },
       neutral: {
-        indicator: ["bg-gradient-to-r from-neutral-light via-neutral-light to-neutral-main"]
+        indicator: ["bg-gradient-to-r", "from-neutral-light", "via-neutral-light", "to-neutral-main"]
       },
       info: {
-        indicator: ["bg-gradient-to-r from-info-light via-info-light to-info-main"]
+        indicator: ["bg-gradient-to-r", "from-info-light", "via-info-light", "to-info-main"]
       },
       success: {
-        indicator: ["bg-gradient-to-r from-success-light via-success-light to-success-main"]
+        indicator: ["bg-gradient-to-r", "from-success-light", "via-success-light", "to-success-main"]
       },
       warning: {
-        indicator: ["bg-gradient-to-r from-warning-light via-warning-light to-warning-main"]
+        indicator: ["bg-gradient-to-r", "from-warning-light", "via-warning-light", "to-warning-main"]
       },
       danger: {
-        indicator: ["bg-gradient-to-r from-danger-light via-danger-light to-danger-main"]
+        indicator: ["bg-gradient-to-r", "from-danger-light", "via-danger-light", "to-danger-main"]
       }
     },
     size: {
       sm: {
         track: ["h-[4px]", "rounded-sm"],
-        indicator: "rounded-sm"
+        indicator: ["rounded-sm"]
       },
       md: {
         track: ["h-[6px]", "rounded-md"],
-        indicator: "rounded-md"
+        indicator: ["rounded-md"]
       },
       lg: {
         track: ["h-[8px]", "rounded-lg"],
-        indicator: "rounded-lg"
+        indicator: ["rounded-lg"]
       },
       xl: {
         track: ["h-[10px]", "rounded-xl"],
-        indicator: "rounded-xl"
+        indicator: ["rounded-xl"]
       }
     },
     disabled: {
       true: {
-        base: "opacity-disabled cursor-not-allowed"
+        base: ["opacity-disabled", "cursor-not-allowed"],
+        indicator: ["bg-neutral-light"]
       }
     },
     disableAnimation: {
       true: {},
       false: {
-        indicator: "transition-transform !duration-500"
+        indicator: ["transition-transform", "!duration-500"]
       }
     },
     isIndeterminate: {

package/dist/{chunk-RY5VVXQ4.mjs → chunk-WYTAGN2P.mjs}

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

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

@@ -1,4 +1,7 @@
 "use client";
+import {
+  buttonBaseStyle
+} from "./chunk-Z4NO7SMY.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
@@ -7,7 +10,7 @@ import {
 } from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-U4DJHAM5.mjs";
+} from "./chunk-DPWUIAVC.mjs";
 
 // src/components/button/text-button.tsx
 import {
@@ -65,10 +68,11 @@ var TextButton = forwardRef((originalProps, ref) => {
 TextButton.displayName = "TextButton";
 var text_button_default = TextButton;
 var textButtonStyle = tv({
+  extend: buttonBaseStyle,
   slots: {
-    base: ["flex", "items-center", "justify-center", "whitespace-nowrap", "overflow-hidden"],
+    base: ["!bg-transparent", "!border-transparent", "active:text-primary-strong", "font-bold"],
     content: [],
-    underline: ["underline", "decoration-skip-ink", "underline-offset-auto"]
+    underline: ["underline", "decoration-skip-ink"]
   },
   variants: {
     variant: {
@@ -87,35 +91,30 @@ var textButtonStyle = tv({
     size: {
       sm: {
         base: ["text-sm"],
-        underline: ["decoration-[1px]"]
+        underline: ["decoration-[0.6px]", "underline-offset-[2.4px]"]
       },
       md: {
         base: ["text-md"],
-        underline: ["decoration-[1.25px]"]
+        underline: ["decoration-[0.7px]", "underline-offset-[2.8px]"]
       },
       lg: {
         base: ["text-lg"],
-        underline: ["decoration-[1.5px]"]
+        underline: ["decoration-[0.8px]", "underline-offset-[3.2px]"]
       },
       xl: {
         base: ["text-xl"],
-        underline: ["decoration-[1.75px]"]
+        underline: ["decoration-[0.9px]", "underline-offset-[3.6px]"]
       }
     },
     disabled: {
       true: {
-        base: ["!text-neutral-light", "pointer-events-none"]
-      }
+        base: ["!bg-transparent", "!border-transparent", "!text-neutral-light", "pointer-events-none"]
+      },
+      false: {}
     },
     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"
-        ]
-      }
+      true: {},
+      false: {}
     }
   },
   compoundVariants: [
@@ -134,7 +133,7 @@ var textButtonStyle = tv({
     {
       color: "neutral",
       class: {
-        base: ["text-neutral-main", "hover:text-neutral-dark", "active:text-neutral-strong"]
+        base: ["text-body-foreground", "hover:text-neutral-dark", "active:text-neutral-strong"]
       }
     },
     {