@nexus-cross/design-system 1.0.11 → 1.0.13

package/dist/chunks/{chunk-CV4GMFWP.js → chunk-K574BYHQ.js}

@@ -31,7 +31,8 @@ var toggleGroupVariants = classVarianceAuthority.cva("nexus-toggle-group", {
   variants: {
     variant: {
       default: "nexus-toggle-group--default",
-      outline: "nexus-toggle-group--outline"
+      primary: "nexus-toggle-group--primary",
+      secondary: "nexus-toggle-group--secondary"
     },
     size: {
       sm: "nexus-toggle-group--sm",
@@ -45,7 +46,7 @@ var toggleGroupVariants = classVarianceAuthority.cva("nexus-toggle-group", {
   }
 });
 var ToggleGroup = React__namespace.forwardRef(
-  ({ className, variant, size, items, disabled, ...props }, ref) => {
+  ({ className, variant, size, items, disabled, required = true, ...props }, ref) => {
     const rootRef = React__namespace.useRef(null);
     const [animated, setAnimated] = React__namespace.useState(false);
     const [pos, setPos] = React__namespace.useState(null);
@@ -62,10 +63,9 @@ var ToggleGroup = React__namespace.forwardRef(
     React__namespace.useEffect(() => {
       if (currentValue !== void 0) setTrackedValue(currentValue);
     }, [currentValue]);
-    const isDefault = variant !== "outline";
     React__namespace.useLayoutEffect(() => {
       const root = rootRef.current;
-      if (!root || !isDefault) return;
+      if (!root) return;
       const activeVal = Array.isArray(trackedValue) ? trackedValue[0] : trackedValue;
       if (!activeVal) {
         setPos(null);
@@ -89,7 +89,7 @@ var ToggleGroup = React__namespace.forwardRef(
         x: elRect.left - rootRect.left,
         y: elRect.top - rootRect.top
       });
-    }, [trackedValue, items, isDefault]);
+    }, [trackedValue, items]);
     React__namespace.useEffect(() => {
       const frame = requestAnimationFrame(() => {
         requestAnimationFrame(() => setAnimated(true));
@@ -98,21 +98,23 @@ var ToggleGroup = React__namespace.forwardRef(
     }, []);
     const handleSingleChange = React__namespace.useCallback(
       (val) => {
+        if (required && !val) return;
         setTrackedValue(val);
         if (props.type !== "multiple") {
           props.onValueChange?.(val);
         }
       },
-      [props.type, props.onValueChange]
+      [props.type, props.onValueChange, required]
     );
     const handleMultipleChange = React__namespace.useCallback(
       (val) => {
+        if (required && val.length === 0) return;
         setTrackedValue(val);
         if (props.type === "multiple") {
           props.onValueChange?.(val);
         }
       },
-      [props.type, props.onValueChange]
+      [props.type, props.onValueChange, required]
     );
     const rootProps = props.type === "multiple" ? {
       type: "multiple",
@@ -139,7 +141,7 @@ var ToggleGroup = React__namespace.forwardRef(
         disabled,
         ...rootProps,
         children: [
-          isDefault && /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(
             "span",
             {
               className: chunkCZC76ZD5_js.cn(
@@ -155,7 +157,7 @@ var ToggleGroup = React__namespace.forwardRef(
             {
               value: item.value,
               disabled: item.disabled,
-              className: "nexus-toggle-group__item",
+              className: chunkCZC76ZD5_js.cn("nexus-toggle-group__item", item.className),
               children: [
                 item.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nexus-toggle-group__icon", children: item.icon }),
                 item.label && /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.label })

package/dist/chunks/{chunk-2XV3XP3Y.js → chunk-LAGQ7J5A.js}

@@ -193,15 +193,15 @@ var ImageUpload = React__namespace.forwardRef(
           !hasField && className
         ),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nexus-image-upload__preview-wrapper", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nexus-image-upload__preview-area", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nexus-image-upload__preview-wrapper", children: /* @__PURE__ */ jsxRuntime.jsx(
               "img",
               {
                 src: preview,
                 alt: "Uploaded preview",
                 className: "nexus-image-upload__preview"
               }
-            ),
+            ) }),
             !disabled && /* @__PURE__ */ jsxRuntime.jsx(
               "button",
               {