@choice-ui/react 1.4.2 → 1.4.5

package/dist/components/avatar/src/avatar.js

@@ -22,7 +22,7 @@ const Avatar = memo(
     const [imageLoadedError, setImageLoadedError] = useState(false);
     const isNumericSize = typeof size === "number";
     const tvSize = isNumericSize ? "medium" : size ?? "medium";
-    const styles = avatarTv({
+    const tv = avatarTv({
       size: tvSize,
       states,
       isLoading
@@ -34,7 +34,7 @@ const Avatar = memo(
           "data-slot": "image",
           src: photo,
           alt: name,
-          className: styles.image(),
+          className: tv.image(),
           onLoad: () => {
             setIsLoading(false);
             setImageLoadedError(false);
@@ -51,7 +51,7 @@ const Avatar = memo(
           size
         }
       ) : /* @__PURE__ */ jsx(Use, { className: "text-black/40" });
-    }, [photo, imageLoadedError, name, size, styles]);
+    }, [photo, imageLoadedError, name, size, tv]);
     const textColor = useMemo(() => {
       return tinycolor(color).isDark() ? "white" : "black";
     }, [color]);
@@ -65,7 +65,7 @@ const Avatar = memo(
       {
         ref,
         tabIndex: -1,
-        className: tcx(styles.root(), className),
+        className: tcx(tv.root(), className),
         style: { backgroundColor: color, color: textColor, ...sizeStyle },
         ...rest,
         children: children ?? fallback

package/dist/components/badge/src/badge.js

@@ -6,14 +6,14 @@ const Badge = memo(
   forwardRef((props, ref) => {
     const { className, variant = "default", strong, children, as, ...rest } = props;
     const isMultiElement = isValidElement(children) && Array.isArray(children.props.children) || Array.isArray(children) && children.length > 1;
-    const style = BadgeTV({ variant, strong, multiElement: isMultiElement });
+    const tv = BadgeTV({ variant, strong, multiElement: isMultiElement });
     const Component = as ?? "div";
     return /* @__PURE__ */ jsx(
       Component,
       {
         ref,
         ...rest,
-        className: tcx(style.root(), className),
+        className: tcx(tv.root(), className),
         children
       }
     );

package/dist/components/badge/src/index.d.ts

@@ -1 +1,2 @@
-export * from './badge';
+export { Badge } from './badge';
+export type { BadgeProps } from './badge';

package/dist/components/button/dist/index.js

@@ -265,12 +265,12 @@ var Button = forwardRef(function Button2(props, ref) {
     ...rest
   } = props;
   const Button3 = asChild ? Slot : "button";
-  const style = buttonTv({ variant, size, active, disabled, loading, focused, className });
+  const tv = buttonTv({ variant, size, active, disabled, loading, focused, className });
   const content = isValidElement(children) ? cloneElement(children, {
     children: children.props.children
   }) : loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: tcx(style.spinner()), children: /* @__PURE__ */ jsx(LoaderCircle, { className: "animate-spin" }) }),
-    /* @__PURE__ */ jsx("span", { className: tcx(style.content()), children })
+    /* @__PURE__ */ jsx("div", { className: tcx(tv.spinner()), children: /* @__PURE__ */ jsx(LoaderCircle, { className: "animate-spin" }) }),
+    /* @__PURE__ */ jsx("span", { className: tcx(tv.content()), children })
   ] }) : children;
   const ariaLabelProps = useMemo(() => {
     if (typeof children === "string") {
@@ -287,7 +287,7 @@ var Button = forwardRef(function Button2(props, ref) {
       type: rest.type || "button",
       disabled: disabled || loading,
       onClick: handleClick,
-      className: tcx(style.button(), className),
+      className: tcx(tv.button(), className),
       "data-multi-element": isMultiElement(content),
       "aria-disabled": disabled || loading,
       "aria-busy": loading,

package/dist/components/button/src/button.js

@@ -24,12 +24,12 @@ const Button = forwardRef(function Button2(props, ref) {
     ...rest
   } = props;
   const Button3 = asChild ? Slot : "button";
-  const style = buttonTv({ variant, size, active, disabled, loading, focused, className });
+  const tv = buttonTv({ variant, size, active, disabled, loading, focused, className });
   const content = isValidElement(children) ? cloneElement(children, {
     children: children.props.children
   }) : loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: tcx(style.spinner()), children: /* @__PURE__ */ jsx(LoaderCircle, { className: "animate-spin" }) }),
-    /* @__PURE__ */ jsx("span", { className: tcx(style.content()), children })
+    /* @__PURE__ */ jsx("div", { className: tcx(tv.spinner()), children: /* @__PURE__ */ jsx(LoaderCircle, { className: "animate-spin" }) }),
+    /* @__PURE__ */ jsx("span", { className: tcx(tv.content()), children })
   ] }) : children;
   const ariaLabelProps = useMemo(() => {
     if (typeof children === "string") {
@@ -46,7 +46,7 @@ const Button = forwardRef(function Button2(props, ref) {
       type: rest.type || "button",
       disabled: disabled || loading,
       onClick: handleClick,
-      className: tcx(style.button(), className),
+      className: tcx(tv.button(), className),
       "data-multi-element": isMultiElement(content),
       "aria-disabled": disabled || loading,
       "aria-busy": loading,